#527556 Color

#527556 is rgb(82, 117, 86) in RGB and hsl(127, 18%, 39%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#527556

HEX#527556

RGBrgb(82, 117, 86)

HSLhsl(127, 18%, 39%)

HSVhsv(127, 30%, 46%)

OKLCHoklch(52.7% 0.063 147.5)

CMYKcmyk(30%, 0%, 26%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#527556 Complementary#755271 Analogous#5F7552 Analogous#527568 Triadic#565275 Triadic#755652

Tints & Shades

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

Tints

#628D67 #7BA37F #93B497 #AEC7B1 #C6D7C8 #E1EAE2

Shades

#47664B #3D5740 #324835 #28392A #1D2A1F #131B14

Use #527556 in Our Tools

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