#536A16 Color

#536A16 is rgb(83, 106, 22) in RGB and hsl(76, 66%, 25%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#536A16

HEX#536A16

RGBrgb(83, 106, 22)

HSLhsl(76, 66%, 25%)

HSVhsv(76, 79%, 42%)

OKLCHoklch(48.9% 0.11 124.1)

CMYKcmyk(22%, 0%, 79%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#536A16 Complementary#2C166A Analogous#6A5616 Analogous#296A16 Triadic#16536A Triadic#6A1653

Tints & Shades

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

Tints

#75941E #99C328 #B1D945 #C5E273 #D6EB9E #EAF5CC

Shades

#495D13 #3F5010 #35440E #2B370B #212A09 #171E06

Use #536A16 in Our Tools

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