#3A451C Color

#3A451C is rgb(58, 69, 28) in RGB and hsl(76, 42%, 19%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#3A451C

HEX#3A451C

RGBrgb(58, 69, 28)

HSLhsl(76, 42%, 19%)

HSVhsv(76, 59%, 27%)

OKLCHoklch(37% 0.064 122)

CMYKcmyk(16%, 0%, 59%, 73%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3A451C Complementary#271C45 Analogous#453B1C Analogous#26451C Triadic#1C3A45 Triadic#451C3A

Tints & Shades

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

Tints

#5B6D2C #80983E #9FB955 #B5CA7D #CCDAA4 #E4ECD0

Shades

#343E19 #2E3616 #282F13 #1E240F #181D0C #121609

Use #3A451C in Our Tools

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