#40685A Color

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

#40685A

HEX#40685A

RGBrgb(64, 104, 90)

HSLhsl(159, 24%, 33%)

HSVhsv(159, 38%, 41%)

OKLCHoklch(48.3% 0.051 170)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#40685A Complementary#68404E Analogous#406846 Analogous#406268 Triadic#5A4068 Triadic#685A40

Tints & Shades

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

Tints

#518573 #67A28D #84B3A3 #A0C5B8 #BDD6CD #DCEAE5

Shades

#385C4F #304F44 #294239 #1F332C #172621 #101916

Use #40685A in Our Tools

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