#557ea0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557ea0 | RGB(85, 126, 160) |
Created at 10/15/2026 17:34
RGB values are RGB(85, 126, 160)
#557ea0 color contains Red 33.33%, Green 49.41% and Blue 62.75%.
oklch(57.67% 0.0697 244.44)
#557ea0 color contains Red 33.33%, Green 49.41% and Blue 62.75%.
oklch(57.67% 0.0697 244.44)
Color Names of #557ea0 HEX code
≈ Wedgewood
Classification of #557ea0 color
#557ea0 is Light and Cool Color Saturation 31%, lightness 48%.
Shade of Steel Blue
Alternative colors of #557ea0
Opposite Color for #557ea0 is #a07755
#557ea0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557ea0
cmyk
CMYK(47%, 21%, 0%, 37%)
Decimal
5602976
HEX
#557ea0
HSL
hsl(207, 31%, 48%)
HSLA
hsla(207, 31%, 48%, 1)
RGB
RGB(85, 126, 160)
RGBA
RGBA(85, 126, 160, 1)
Palettes for #557ea0 color:
Below are examples of color palettes with the #557ea0 HEX color
darkest color is #080d10 from shades and lightest color is #eef2f6 from tints
Shades palette of #557ea0:
#4d7190
#446580
#3b5870
#334c60
#2b3f50
#223240
#1a2630
#111920
#080d10
#000000
Tints palette of #557ea0:
#668baa
#7798b3
#88a5bd
#99b2c6
#aabfd0
#bbcbd9
#ccd8e3
#dde5ec
#eef2f6
#ffffff
Complementary palette of #557ea0:
#557ea0
#a07755
Triadic palette of #557ea0:
#557ea0
#a0557e
#7ea055
Square palette of #557ea0:
#557ea0
#9d55a0
#a07755
#59a055
Analogous palette of #557ea0:
#55a09d
#557ea0
#5558a0
Split-Complementary palette of #557ea0:
#557ea0
#a05558
#a09c55
Rectangle (tetradic) palette of #557ea0:
#557ea0
#7755a0
#a07755
#7ea055
Suggested color palettes for #557ea0 HEX:
Color palette with color #557ea0 #1:
Color palette with color #557ea0 #2:
Color palette with color #557ea0 #3:
Color palette with color #557ea0 #4:
Color palette with color #557ea0 #5:
Color Contrast
Color pairings of #557ea0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557ea0
#557ea0Contrast Ratio
4.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557ea0
#557ea0Contrast Ratio
4.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557ea0 color png
Visit the popular colors list for more colors