#556b7a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #556b7a | RGB(85, 107, 122) |
Created at 10/11/2026 15:41
Classification of #556b7a color
#556b7a is Semi dark and Cool Color Saturation 18%, lightness 41%.
Shade of Slate Gray
RGB values are RGB(85, 107, 122)
#556b7a color contains Red 33.33%, Green 41.96% and Blue 47.84%.
oklch(51.56% 0.0354 238.18)
#556b7a color contains Red 33.33%, Green 41.96% and Blue 47.84%.
oklch(51.56% 0.0354 238.18)
Color Names of #556b7a HEX code
≈ Blue Bayoux
Alternative colors of #556b7a
Opposite Color for #556b7a is #7a6455
#556b7a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #556b7a
cmyk
CMYK(30%, 12%, 0%, 52%)
Decimal
5598074
HEX
#556b7a
HSL
hsl(204, 18%, 41%)
HSLA
hsla(204, 18%, 41%, 1)
RGB
RGB(85, 107, 122)
RGBA
RGBA(85, 107, 122, 1)
Palettes for #556b7a color:
Below are examples of color palettes with the #556b7a HEX color
darkest color is #080b0c from shades and lightest color is #eef0f2 from tints
Shades palette of #556b7a:
#4d606e
#445662
#3b4b55
#334049
#2b363d
#222b31
#1a2025
#111518
#080b0c
#000000
Tints palette of #556b7a:
#667a87
#778995
#8897a2
#99a6af
#aab5bd
#bbc4ca
#ccd3d7
#dde1e4
#eef0f2
#ffffff
Complementary palette of #556b7a:
#556b7a
#7a6455
Triadic palette of #556b7a:
#556b7a
#7a556b
#6b7a55
Square palette of #556b7a:
#556b7a
#77557a
#7a6455
#597a55
Analogous palette of #556b7a:
#557a77
#556b7a
#55587a
Split-Complementary palette of #556b7a:
#556b7a
#7a5558
#7a7755
Rectangle (tetradic) palette of #556b7a:
#556b7a
#64557a
#7a6455
#6b7a55
Suggested color palettes for #556b7a HEX:
Color palette with color #556b7a #1:
Color palette with color #556b7a #2:
Color palette with color #556b7a #3:
Color palette with color #556b7a #4:
Color palette with color #556b7a #5:
Color Contrast
Color pairings of #556b7a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#556b7a
#556b7a Contrast Ratio
5.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#556b7a
#556b7a Contrast Ratio
3.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #556b7a color png
Visit the popular colors list for more colors