#42614A Color

#42614A is rgb(66, 97, 74) in RGB and hsl(135, 19%, 32%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#42614A

HEX#42614A

RGBrgb(66, 97, 74)

HSLhsl(135, 19%, 32%)

HSVhsv(135, 32%, 38%)

OKLCHoklch(46.1% 0.052 152)

CMYKcmyk(32%, 0%, 24%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#42614A Complementary#614259 Analogous#4A6142 Analogous#426159 Triadic#4A4261 Triadic#614A42

Tints & Shades

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

Tints

#557C5F #6A9A76 #86AC8F #A4C1AB #BFD4C4 #DEE8E0

Shades

#3A5541 #324937 #293D2E #213125 #19241C #111812

Use #42614A in Our Tools

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