#828215

#828215

Color Values

HEX

#828215

RGB

130, 130, 21

HSL

60.0, 72.2%, 29.6%

HSV

60.0, 83.8%, 51.0%

CMYK

0.0%, 0.0%, 83.8%, 49.0%

OKLCH

0.5879 0.1215 109.6

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#828215

#151582

Analogous

#824B15

#4B8215

#828215

Triadic

#828215

#158282

#821582

Split Complementary

#828215

#154B82

#4B1582

Tetradic

#828215

#15824B

#151582

#82154B

Color Blindness Simulation

Original

#828215

Protanopia

#82822F

Deuteranopia

#828236

Tritanopia

#824449

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F5F5C2
300
#EEEE96
400
#E5E55D
500
#DCDC23
600
#B0B01C
700
#8D8D17
800
#6E6E12
900
#505011
950
#32320B

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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