#5B750A Color

#5B750A is rgb(91, 117, 10) in RGB and hsl(75, 84%, 25%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#5B750A

HEX#5B750A

RGBrgb(91, 117, 10)

HSLhsl(75, 84%, 25%)

HSVhsv(75, 91%, 46%)

OKLCHoklch(52.3% 0.126 123.9)

CMYKcmyk(22%, 0%, 91%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#5B750A Complementary#250A75 Analogous#755B0A Analogous#25750A Triadic#0A5B75 Triadic#750A5B

Tints & Shades

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

Tints

#7FA40E #A7D813 #BEED31 #CEF264 #DDF693 #EDFAC7

Shades

#506709 #455908 #3A4B07 #2F3D05 #242F04 #192103

Use #5B750A in Our Tools

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