#828422

#828422

Color Values

HEX

#828422

RGB

130, 132, 34

HSL

61.2, 59.0%, 32.5%

HSV

61.2, 74.2%, 51.8%

CMYK

1.5%, 0.0%, 74.2%, 48.2%

OKLCH

0.5933 0.1167 110.7

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#828422

#242284

Analogous

#845522

#518422

#828422

Triadic

#828422

#228284

#842282

Split Complementary

#828422

#225184

#552284

Tetradic

#828422

#228455

#242284

#842251

Color Blindness Simulation

Original

#828422

Protanopia

#83833A

Deuteranopia

#83833F

Tritanopia

#824C51

Achromatopsia

#7C7C7C

CSS Usage

background-color: #828422;
color: #828422;
border-color: #828422;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C6
300
#E4E69E
400
#D6D869
500
#C8CB34
600
#A0A22A
700
#808221
800
#64651A
900
#494A17
950
#2E2F0E

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026