#828622

#828622

Color Values

HEX

#828622

RGB

130, 134, 34

HSL

62.4, 59.5%, 32.9%

HSV

62.4, 74.6%, 52.5%

CMYK

3.0%, 0.0%, 74.6%, 47.5%

OKLCH

0.598 0.1189 111.8

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#828622

#262286

Analogous

#865822

#508622

#828622

Triadic

#828622

#228286

#862282

Split Complementary

#828622

#225086

#582286

Tetradic

#828622

#228658

#262286

#862250

Color Blindness Simulation

Original

#828622

Protanopia

#84843A

Deuteranopia

#848340

Tritanopia

#824D52

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EFF1C6
300
#E3E69D
400
#D4D969
500
#C5CB34
600
#9EA329
700
#7E8221
800
#63661A
900
#484A17
950
#2E2F0E

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38: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