#556E8C

Color Details

HEX
#556E8C
RGB
rgb(85, 110, 140)
HSL
hsl(213, 24%, 44%)
CMYK
cmyk(39%, 21%, 0%, 45%)
Best text on this color #FFFFFF (CR 5.26:1) Determined by WCAG contrast ratio

Readability Previews

Black on #556e8c
Contrast 4.00:1 Fail
White on #556e8c
Contrast 5.26:1 AA
#556e8c on Black
Contrast 4.00:1 Fail
#556e8c on White
Contrast 5.26:1 AA

Tints & Shades

#778ba3
#99a8ba
#bbc5d1
#445870
#334254
#222c38

Complement & Analogous

#8b7355
#58558b
#55888b

Triadic

#8b556e
#6e8b55

Monochrome

#222c38 #334254 #556e8c #99a8ba #bbc5d1 #dde2e8

Analogous

#55888b #88acae #556e8c #7977a2 #58558b #46446f

Complementary Mix

#334254 #556e8c #99a8ba #8b7355 #b4a491 #5a4b37

Nearby Colors

#556e8b
#556e8d
#556e7c
#556e9c

Embed #556E8C swatch

Embed this swatch

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

Open image

About #556E8C

#556E8C converts to RGB(85, 110, 140) and HSL(213, 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).

#556E8C FAQs

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