#828221

#828221

Color Values

HEX

#828221

RGB

130, 130, 33

HSL

60.0, 59.5%, 32.0%

HSV

60.0, 74.6%, 51.0%

CMYK

0.0%, 0.0%, 74.6%, 49.0%

OKLCH

0.5885 0.1152 109.5

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#828221

#212182

Analogous

#825221

#528221

#828221

Triadic

#828221

#218282

#822182

Split Complementary

#828221

#215282

#522182

Tetradic

#828221

#218252

#212182

#822152

Color Blindness Simulation

Original

#828221

Protanopia

#828238

Deuteranopia

#82823E

Tritanopia

#824B4F

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F1C6
300
#E6E69D
400
#D9D969
500
#CBCB34
600
#A3A329
700
#828221
800
#66661A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026