#557a88 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557a88 | RGB(85, 122, 136) |
Created at 11/02/2026 21:44
RGB values are RGB(85, 122, 136)
#557a88 color contains Red 33.33%, Green 47.84% and Blue 53.33%.
oklch(55.70% 0.0469 223.5)
#557a88 color contains Red 33.33%, Green 47.84% and Blue 53.33%.
oklch(55.70% 0.0469 223.5)
Color Names of #557a88 HEX code
≈ Smalt Blue
Classification of #557a88 color
#557a88 is Semi dark and Cool Color Saturation 23%, lightness 43%.
Shade of Slate Gray
Alternative colors of #557a88
Opposite Color for #557a88 is #886355
#557a88 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557a88
cmyk
CMYK(38%, 10%, 0%, 47%)
Decimal
5601928
HEX
#557a88
HSL
hsl(196, 23%, 43%)
HSLA
hsla(196, 23%, 43%, 1)
RGB
RGB(85, 122, 136)
RGBA
RGBA(85, 122, 136, 1)
Palettes for #557a88 color:
Below are examples of color palettes with the #557a88 HEX color
darkest color is #080c0e from shades and lightest color is #eef2f3 from tints
Shades palette of #557a88:
#4d6e7a
#44626d
#3b555f
#334952
#2b3d44
#223136
#1a2529
#11181b
#080c0e
#000000
Tints palette of #557a88:
#668794
#7795a0
#88a2ac
#99afb8
#aabdc4
#bbcacf
#ccd7db
#dde4e7
#eef2f3
#ffffff
Complementary palette of #557a88:
#557a88
#886355
Triadic palette of #557a88:
#557a88
#88557a
#7a8855
Square palette of #557a88:
#557a88
#7d5588
#886355
#618855
Analogous palette of #557a88:
#55887d
#557a88
#556088
Split-Complementary palette of #557a88:
#557a88
#885560
#887c55
Rectangle (tetradic) palette of #557a88:
#557a88
#635588
#886355
#7a8855
Suggested color palettes for #557a88 HEX:
Color palette with color #557a88 #1:
Color palette with color #557a88 #2:
Color palette with color #557a88 #3:
Color palette with color #557a88 #4:
Color palette with color #557a88 #5:
Color Contrast
Color pairings of #557a88 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557a88
#557a88Contrast Ratio
4.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557a88
#557a88Contrast Ratio
4.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557a88 color png
Visit the popular colors list for more colors