#556C8C

Color Details

HEX
#556C8C
RGB
rgb(85, 108, 140)
HSL
hsl(215, 24%, 44%)
CMYK
cmyk(39%, 23%, 0%, 45%)
Best text on this color #FFFFFF (CR 5.37:1) Determined by WCAG contrast ratio

Readability Previews

Black on #556c8c
Contrast 3.91:1 Fail
White on #556c8c
Contrast 5.37:1 AA
#556c8c on Black
Contrast 3.91:1 Fail
#556c8c on White
Contrast 5.37:1 AA

Tints & Shades

#7789a3
#99a7ba
#bbc4d1
#445670
#334154
#222b38

Complement & Analogous

#8b7555
#5a558b
#55878b

Triadic

#8b556c
#6c8b55

Monochrome

#222b38 #334154 #556c8c #99a7ba #bbc4d1 #dde2e8

Analogous

#55878b #88abae #556c8c #7b77a2 #5a558b #48446f

Complementary Mix

#334154 #556c8c #99a7ba #8b7555 #b4a591 #5a4c37

Nearby Colors

#556c8b
#556c8d
#556c7c
#556c9c

Embed #556C8C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #556C8C

#556C8C converts to RGB(85, 108, 140) and HSL(215, 24%, 44%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#556C8C FAQs

What is the RGB value of #556C8C?
RGB: 85, 108, 140. Copy as CSS: rgb(85, 108, 140)
Is #556C8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #556C8C?
Complement: #8b7555.
Does #556C8C have good contrast on white or black?
On white: 5.37:1 (AA (normal text)). On black: 3.91:1 (AA (large text)).