#536034 Color

#536034 is rgb(83, 96, 52) in RGB and hsl(78, 30%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#536034

HEX#536034

RGBrgb(83, 96, 52)

HSLhsl(78, 30%, 29%)

HSVhsv(78, 46%, 38%)

OKLCHoklch(46.6% 0.067 122.5)

CMYKcmyk(14%, 0%, 46%, 62%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#536034 Complementary#413460 Analogous#605734 Analogous#3D6034 Triadic#345360 Triadic#603453

Tints & Shades

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

Tints

#6F8146 #8CA257 #A3B677 #B7C695 #CED8B6 #E4EAD7

Shades

#47532D #3F4927 #333C20 #2B321B #1F2414 #171B0E

Use #536034 in Our Tools

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