#52672D Color

#52672D is rgb(82, 103, 45) in RGB and hsl(82, 39%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#52672D

HEX#52672D

RGBrgb(82, 103, 45)

HSLhsl(82, 39%, 29%)

HSVhsv(82, 56%, 40%)

OKLCHoklch(48.3% 0.087 126)

CMYKcmyk(20%, 0%, 56%, 60%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#52672D Complementary#422D67 Analogous#675F2D Analogous#35672D Triadic#2D5267 Triadic#672D52

Tints & Shades

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

Tints

#6E8A3D #8AAE4C #A1BF6E #B6CD8E #CDDDB1 #E4ECD4

Shades

#465927 #3E4E22 #33401C #2A3517 #1F2711 #171C0C

Use #52672D in Our Tools

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