#527D3F Color

#527D3F is rgb(82, 125, 63) in RGB and hsl(102, 33%, 37%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#527D3F

HEX#527D3F

RGBrgb(82, 125, 63)

HSLhsl(102, 33%, 37%)

HSVhsv(102, 50%, 49%)

OKLCHoklch(54.3% 0.102 136.8)

CMYKcmyk(34%, 0%, 50%, 51%)

Text Contrast & Accessibility

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

TextWhite text4.81:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.36:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#527D3F Complementary#6B3F7D Analogous#717D3F Analogous#3F7D4C Triadic#3F527D Triadic#7D3F52

Tints & Shades

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

Tints

#669C4F #7AB063 #94C082 #AECFA0 #C8DFBF #DFECDA

Shades

#476D37 #3E5F30 #334E27 #283D1F #1D2C16 #141F0F

Use #527D3F in Our Tools

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