Olive (#808000)

Olive is rgb(128, 128, 0) in RGB and hsl(60, 100%, 25%) in HSL. Black text is most readable on this background.

#808000
HEX#808000
RGBrgb(128, 128, 0)
HSLhsl(60, 100%, 25%)
HSVhsv(60, 100%, 50%)
OKLCHoklch(58.1% 0.127 109.8)
CMYKcmyk(0%, 0%, 100%, 50%)

Text Contrast & Accessibility

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

TextWhite text4.2:1AA normal ✗AA large ✓AAA normal ✗
TextBlack text5.01:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#808000Complementary#000080Analogous#804000Analogous#408000Triadic#007F80Triadic#80007F

Tints & Shades

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

Use Olive in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex