#828C2F

#828C2F

Color Values

HEX

#828C2F

RGB

130, 140, 47

HSL

66.5, 49.7%, 36.7%

HSV

66.5, 66.4%, 54.9%

CMYK

7.1%, 0.0%, 66.4%, 45.1%

OKLCH

0.6132 0.1166 115.1

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#828C2F

#392F8C

Analogous

#8C682F

#548C2F

#828C2F

Triadic

#828C2F

#2F828C

#8C2F82

Split Complementary

#828C2F

#2F548C

#682F8C

Tetradic

#828C2F

#2F8C68

#392F8C

#8C2F54

Color Blindness Simulation

Original

#828C2F

Protanopia

#868645

Deuteranopia

#86854B

Tritanopia

#82575B

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E9EDCA
300
#DAE0A3
400
#C5D072
500
#B1BF40
600
#8E9933
700
#717A29
800
#595F20
900
#41461B
950
#292C11

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026