#828A15 Color

#828A15 is rgb(130, 138, 21) in RGB and hsl(64, 74%, 31%) in HSL. The closest CSS named color is Olive. Black text is most readable on this background.

#828A15

HEX#828A15

RGBrgb(130, 138, 21)

HSLhsl(64, 74%, 31%)

HSVhsv(64, 85%, 54%)

OKLCHoklch(60.7% 0.13 113.9)

CMYKcmyk(6%, 0%, 85%, 46%)

Text Contrast & Accessibility

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

TextWhite text3.75:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.6:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#828A15 Complementary#1C158A Analogous#8A5715 Analogous#478A15 Triadic#15828A Triadic#8A1582

Tints & Shades

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

Tints

#ACB61B #D1DE21 #DAE44E #E3EA75 #ECF1A2 #F4F7CA

Shades

#717812 #60660F #50540D #43470B #323508 #212305

Use #828A15 in Our Tools

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