#52701F Color

#52701F is rgb(82, 112, 31) in RGB and hsl(82, 57%, 28%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#52701F

HEX#52701F

RGBrgb(82, 112, 31)

HSLhsl(82, 57%, 28%)

HSVhsv(82, 72%, 44%)

OKLCHoklch(50.5% 0.113 127.7)

CMYKcmyk(27%, 0%, 72%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#52701F Complementary#3D1F70 Analogous#70651F Analogous#2A701F Triadic#1F5270 Triadic#701F52

Tints & Shades

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

Tints

#70982A #8DC035 #A4D157 #BADC7F #CFE7A7 #E5F2CF

Shades

#49641B #3E5417 #354814 #29380F #202C0C #151C08

Use #52701F in Our Tools

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