#52602E Color

#52602E is rgb(82, 96, 46) in RGB and hsl(77, 35%, 28%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#52602E

HEX#52602E

RGBrgb(82, 96, 46)

HSLhsl(77, 35%, 28%)

HSVhsv(77, 52%, 38%)

OKLCHoklch(46.5% 0.075 122.2)

CMYKcmyk(15%, 0%, 52%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#52602E Complementary#3D2E60 Analogous#60562E Analogous#39602E Triadic#2E5260 Triadic#602E52

Tints & Shades

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

Tints

#70833F #8DA550 #A4B96E #BACA91 #CFDBB3 #E5EBD6

Shades

#495629 #3E4823 #353E1E #293017 #202612 #15180C

Use #52602E in Our Tools

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