#406B5A

Color Details

HEX
#406B5A
RGB
rgb(64, 107, 90)
HSL
hsl(156, 25%, 34%)
CMYK
cmyk(40%, 0%, 16%, 58%)
Best text on this color #FFFFFF (CR 6.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #406b5a
Contrast 3.47:1 Fail
White on #406b5a
Contrast 6.05:1 AA
#406b5a on Black
Contrast 3.47:1 Fail
#406b5a on White
Contrast 6.05:1 AA

Tints & Shades

#66897b
#8ca69c
#b3c4bd
#335648
#264036
#1a2b24

Complement & Analogous

#6c4152
#41686c
#416c45

Triadic

#5b416c
#6c5b41

Monochrome

#1a2b24 #264036 #406b5a #8ca69c #b3c4bd #d9e1de

Analogous

#416c45 #7a987d #406b5a #678689 #41686c #345356

Complementary Mix

#264036 #406b5a #8ca69c #6c4152 #9f848f #462a35

Nearby Colors

#406b59
#406b5b
#406b4a
#406b6a

Embed #406B5A swatch

Embed this swatch

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

Open image

About #406B5A

#406B5A converts to RGB(64, 107, 90) and HSL(156, 25%, 34%). 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).

#406B5A FAQs

What is the RGB value of #406B5A?
RGB: 64, 107, 90. Copy as CSS: rgb(64, 107, 90)
Is #406B5A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #406B5A?
Complement: #6c4152.
Does #406B5A have good contrast on white or black?
On white: 6.05:1 (AA (normal text)). On black: 3.47:1 (AA (large text)).