#406855 Color

#406855 is rgb(64, 104, 85) in RGB and hsl(152, 24%, 33%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#406855

HEX#406855

RGBrgb(64, 104, 85)

HSLhsl(152, 24%, 33%)

HSVhsv(152, 38%, 41%)

OKLCHoklch(48.2% 0.055 162.8)

CMYKcmyk(38%, 0%, 18%, 59%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #406855 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.31:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.33:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #406855 based on color wheel relationships. Click any swatch for its full breakdown.

Base#406855 Complementary#684053 Analogous#406841 Analogous#406768 Triadic#554068 Triadic#685540

Tints & Shades

Lighter tints and darker shades of #406855, useful for hover states, backgrounds, and text variants.

Tints

#51856D #67A287 #84B39D #A0C5B4 #BDD6CA #DCEAE3

Shades

#385C4B #304F41 #294236 #1F3329 #17261F #101915

Use #406855 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex