#5F6417 Color

#5F6417 is rgb(95, 100, 23) in RGB and hsl(64, 63%, 24%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5F6417

HEX#5F6417

RGBrgb(95, 100, 23)

HSLhsl(64, 63%, 24%)

HSVhsv(64, 77%, 39%)

OKLCHoklch(48.4% 0.097 113.2)

CMYKcmyk(5%, 0%, 77%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5F6417 Complementary#1C1764 Analogous#644217 Analogous#386417 Triadic#175F64 Triadic#64175F

Tints & Shades

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

Tints

#8A9121 #B1BB2A #CCD548 #D8DF72 #E4E99F #F0F3C9

Shades

#535714 #474B11 #3B3E0E #33360C #272A09 #1C1D07

Use #5F6417 in Our Tools

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