#756A1A Color

#756A1A is rgb(117, 106, 26) in RGB and hsl(53, 64%, 28%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#756A1A

HEX#756A1A

RGBrgb(117, 106, 26)

HSLhsl(53, 64%, 28%)

HSVhsv(53, 78%, 46%)

OKLCHoklch(52% 0.098 101.2)

CMYKcmyk(0%, 9%, 78%, 54%)

Text Contrast & Accessibility

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

TextWhite text5.48:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#756A1A Complementary#1A2475 Analogous#753D1A Analogous#52751A Triadic#1A756A Triadic#6A1A75

Tints & Shades

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

Tints

#9F9023 #C9B62C #D8C84F #E2D579 #EBE2A3 #F4EFCD

Shades

#695F17 #585013 #4B4411 #3B350D #2E2A0A #1D1B06

Use #756A1A in Our Tools

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