#648c94 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #648c94 | RGB(100, 140, 148) |
Created at 02/21/2023 13:49
RGB values are RGB(100, 140, 148)
#648c94 color contains Red 39.22%, Green 54.9% and Blue 58.04%.
oklch(61.35% 0.0457 211.35)
#648c94 color contains Red 39.22%, Green 54.9% and Blue 58.04%.
oklch(61.35% 0.0457 211.35)
Color Names of #648c94 HEX code
Steel Teal Color
≈ Juniper
Classification of #648c94 color
#648c94 is Light and Cool Color Saturation 19%, lightness 49%.
Shade of Cadet Blue
Alternative colors of #648c94
Opposite Color for #648c94 is #946c64
#648c94 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #648c94
cmyk
CMYK(32%, 5%, 0%, 42%)
Decimal
6589588
HEX
#648c94
HSL
hsl(190, 19%, 49%)
HSLA
hsla(190, 19%, 49%, 1)
RGB
RGB(100, 140, 148)
RGBA
RGBA(100, 140, 148, 1)
Palettes for #648c94 color:
Below are examples of color palettes with the #648c94 HEX color
darkest color is #0a0e0f from shades and lightest color is #f0f4f4 from tints
Shades palette of #648c94:
#5a7e85
#507076
#466268
#3c5459
#32464a
#28383b
#1e2a2c
#141c1e
#0a0e0f
#000000
Tints palette of #648c94:
#74989f
#83a3a9
#93afb4
#a2babf
#b2c6ca
#c1d1d4
#d1dddf
#e0e8ea
#f0f4f4
#ffffff
Complementary palette of #648c94:
#648c94
#946c64
Triadic palette of #648c94:
#648c94
#94648c
#8c9464
Square palette of #648c94:
#648c94
#846494
#946c64
#749464
Analogous palette of #648c94:
#649484
#648c94
#647494
Split-Complementary palette of #648c94:
#648c94
#946474
#948464
Rectangle (tetradic) palette of #648c94:
#648c94
#6c6494
#946c64
#8c9464
Suggested color palettes for #648c94 HEX:
Color palette with color #648c94 #1:
Color palette with color #648c94 #2:
Color palette with color #648c94 #3:
Color palette with color #648c94 #4:
Color palette with color #648c94 #5:
Color #648c94 used in palettes (24)
Logo goose canada mark hex colorsCardboard browser ui vr coloursKit8 vector veggies illustration colors paletteBackground geometic hexagon illustrator colors paletteDigital art illustration drawing colors paletteLogin app ui sign in colorsBeyond Communities 2Psd template restaurant flyer food editable colors paletteBrand identity logo folio logos business startup hex colorsUx design app uiMinimal caramel design flat colors paletteUidesign uxui figma appBi fold brochure corporate profile designBranding forestry colorful typographySketches brand identity logoideas design paletteFree freebie mockup psd paletteMinimal man vector character colors paletteUx web typography minimal colors paletteTravel mobile ui app tripsLayers web amsterdam illustration hex colorsUx design web cartoonLogo design branding and identity logodesign coloursWebsite facebook ads design shopify webdesignIllustration apparel vanguard clothing palette
Color Contrast
Color pairings of #648c94 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#648c94
#648c94Contrast Ratio
3.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#648c94
#648c94Contrast Ratio
5.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #648c94 color png
Visit the popular colors list for more colors