#557f97 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557f97 | RGB(85, 127, 151) |
Created at 03/08/2023 01:58
RGB values are RGB(85, 127, 151)
#557f97 color contains Red 33.33%, Green 49.8% and Blue 59.22%.
oklch(57.51% 0.0594 234.28)
#557f97 color contains Red 33.33%, Green 49.8% and Blue 59.22%.
oklch(57.51% 0.0594 234.28)
Color Names of #557f97 HEX code
≈ Smalt Blue
Classification of #557f97 color
#557f97 is Light and Cool Color Saturation 28%, lightness 46%.
Shade of Steel Blue
Alternative colors of #557f97
Opposite Color for #557f97 is #976d55
#557f97 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557f97
cmyk
CMYK(44%, 16%, 0%, 41%)
Decimal
5603223
HEX
#557f97
HSL
hsl(202, 28%, 46%)
HSLA
hsla(202, 28%, 46%, 1)
RGB
RGB(85, 127, 151)
RGBA
RGBA(85, 127, 151, 1)
Palettes for #557f97 color:
Below are examples of color palettes with the #557f97 HEX color
darkest color is #080d0f from shades and lightest color is #eef2f5 from tints
Shades palette of #557f97:
#4d7288
#446679
#3b596a
#334c5b
#2b404c
#22333c
#1a262d
#11191e
#080d0f
#000000
Tints palette of #557f97:
#668ca1
#7799ac
#88a5b6
#99b2c1
#aabfcb
#bbccd5
#ccd9e0
#dde5ea
#eef2f5
#ffffff
Complementary palette of #557f97:
#557f97
#976d55
Triadic palette of #557f97:
#557f97
#97557f
#7f9755
Square palette of #557f97:
#557f97
#8e5597
#976d55
#5e9755
Analogous palette of #557f97:
#55978e
#557f97
#555e97
Split-Complementary palette of #557f97:
#557f97
#97555e
#978e55
Rectangle (tetradic) palette of #557f97:
#557f97
#6d5597
#976d55
#7f9755
Suggested color palettes for #557f97 HEX:
Color palette with color #557f97 #1:
Color palette with color #557f97 #2:
Color palette with color #557f97 #3:
Color palette with color #557f97 #4:
Color palette with color #557f97 #5:
Color #557f97 used in palettes (1)
Color Contrast
Color pairings of #557f97 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557f97
#557f97Contrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557f97
#557f97Contrast Ratio
4.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557f97 color png
Visit the popular colors list for more colors