#5B700F Color

#5B700F is rgb(91, 112, 15) in RGB and hsl(73, 76%, 25%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5B700F

HEX#5B700F

RGBrgb(91, 112, 15)

HSLhsl(73, 76%, 25%)

HSVhsv(73, 87%, 44%)

OKLCHoklch(51% 0.118 122.1)

CMYKcmyk(19%, 0%, 87%, 56%)

Text Contrast & Accessibility

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

TextWhite text5.57:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#5B700F Complementary#240F70 Analogous#70550F Analogous#2B700F Triadic#0F5B70 Triadic#700F5B

Tints & Shades

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

Tints

#809D15 #A8CE1C #BFE43A #CFEB6B #DEF198 #EEF8C9

Shades

#50630D #45550C #3A480A #2F3A08 #242D06 #1A1F04

Use #5B700F in Our Tools

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