#404412 Color

#404412 is rgb(64, 68, 18) in RGB and hsl(65, 58%, 17%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#404412

HEX#404412

RGBrgb(64, 68, 18)

HSLhsl(65, 58%, 17%)

HSVhsv(65, 74%, 27%)

OKLCHoklch(37.2% 0.07 113.7)

CMYKcmyk(6%, 0%, 74%, 73%)

Text Contrast & Accessibility

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

TextWhite text10.23:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.05:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#404412 Complementary#161244 Analogous#443012 Analogous#274412 Triadic#124044 Triadic#441240

Tints & Shades

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

Tints

#6E751F #97A12B #C0CC3E #CED76A #DEE49A #EDF0C7

Shades

#393C10 #31340E #2A2C0C #26280B #1E2009 #171806

Use #404412 in Our Tools

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