#536912 Color

#536912 is rgb(83, 105, 18) in RGB and hsl(75, 71%, 24%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#536912

HEX#536912

RGBrgb(83, 105, 18)

HSLhsl(75, 71%, 24%)

HSVhsv(75, 83%, 41%)

OKLCHoklch(48.6% 0.111 123.5)

CMYKcmyk(21%, 0%, 83%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#536912 Complementary#271269 Analogous#695312 Analogous#276912 Triadic#125369 Triadic#691253

Tints & Shades

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

Tints

#79991A #9BC421 #B7DE3F #C7E66B #D9EE9B #EAF5C6

Shades

#495C10 #3E4E0D #34410B #2D390A #232C07 #181F05

Use #536912 in Our Tools

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