#6F612A Color

#6F612A is rgb(111, 97, 42) in RGB and hsl(48, 45%, 30%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#6F612A

HEX#6F612A

RGBrgb(111, 97, 42)

HSLhsl(48, 45%, 30%)

HSVhsv(48, 62%, 44%)

OKLCHoklch(49.4% 0.076 95.2)

CMYKcmyk(0%, 13%, 62%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6F612A Complementary#2A386F Analogous#6F3F2A Analogous#5A6F2A Triadic#2A6F61 Triadic#612A6F

Tints & Shades

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

Tints

#948238 #B59F45 #C5B367 #D4C58C #E2D8B1 #EEE9D3

Shades

#605424 #554A20 #463E1B #373115 #29240F #1E1A0B

Use #6F612A in Our Tools

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