#828F0C

#828F0C

Color Values

HEX

#828F0C

RGB

130, 143, 12

HSL

66.0, 84.5%, 30.4%

HSV

66.0, 91.6%, 56.1%

CMYK

9.1%, 0.0%, 91.6%, 43.9%

OKLCH

0.6183 0.1384 116.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#828F0C

#190C8F

Analogous

#8F5B0C

#408F0C

#828F0C

Triadic

#828F0C

#0C828F

#8F0C82

Split Complementary

#828F0C

#0C408F

#5B0C8F

Tetradic

#828F0C

#0C8F5B

#190C8F

#8F0C40

Color Blindness Simulation

Original

#828F0C

Protanopia

#88882C

Deuteranopia

#878633

Tritanopia

#83454A

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7FAE0
200
#F3F9BD
300
#EBF68E
400
#E0F051
500
#D6EB14
600
#ABBC10
700
#89970D
800
#6B760A
900
#4E550C
950
#313607

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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