#527218 Color

#527218 is rgb(82, 114, 24) in RGB and hsl(81, 65%, 27%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#527218

HEX#527218

RGBrgb(82, 114, 24)

HSLhsl(81, 65%, 27%)

HSVhsv(81, 79%, 45%)

OKLCHoklch(50.9% 0.12 127.7)

CMYKcmyk(28%, 0%, 79%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#527218 Complementary#371872 Analogous#726418 Analogous#267218 Triadic#185272 Triadic#721852

Tints & Shades

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

Tints

#719C21 #8FC62A #A7D94A #BDE278 #D2EBA2 #E6F4CD

Shades

#496515 #3D5412 #34480F #2B3B0C #222E0A #151D06

Use #527218 in Our Tools

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