#535F16 Color

#535F16 is rgb(83, 95, 22) in RGB and hsl(70, 62%, 23%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#535F16

HEX#535F16

RGBrgb(83, 95, 22)

HSLhsl(70, 62%, 23%)

HSVhsv(70, 77%, 37%)

OKLCHoklch(46% 0.096 118.5)

CMYKcmyk(13%, 0%, 77%, 63%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#535F16 Complementary#22165F Analogous#5F4716 Analogous#2F5F16 Triadic#16535F Triadic#5F1653

Tints & Shades

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

Tints

#7B8C21 #9FB62B #BCD345 #CCDE73 #DDE9A0 #ECF2C9

Shades

#485313 #414A11 #363E0F #2B320C #202509 #191D07

Use #535F16 in Our Tools

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