#645126 Color

#645126 is rgb(100, 81, 38) in RGB and hsl(42, 45%, 27%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#645126

HEX#645126

RGBrgb(100, 81, 38)

HSLhsl(42, 45%, 27%)

HSVhsv(42, 62%, 39%)

OKLCHoklch(44.5% 0.065 85.7)

CMYKcmyk(0%, 19%, 62%, 61%)

Text Contrast & Accessibility

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

TextWhite text7.65:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#645126 Complementary#263864 Analogous#643226 Analogous#576426 Triadic#266451 Triadic#512664

Tints & Shades

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

Tints

#896F34 #AE8D42 #C3A560 #D2BC89 #E0D1AE #EEE6D3

Shades

#594822 #4A3C1C #3F3318 #342A14 #29210F #1A150A

Use #645126 in Our Tools

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