#828C36

#828C36

Color Values

HEX

#828C36

RGB

130, 140, 54

HSL

67.0, 44.3%, 38.0%

HSV

67.0, 61.4%, 54.9%

CMYK

7.1%, 0.0%, 61.4%, 45.1%

OKLCH

0.6139 0.1107 115.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#828C36

#40368C

Analogous

#8C6B36

#578C36

#828C36

Triadic

#828C36

#36828C

#8C3682

Split Complementary

#828C36

#36578C

#6B368C

Tetradic

#828C36

#368C6B

#40368C

#8C3657

Color Blindness Simulation

Original

#828C36

Protanopia

#86864B

Deuteranopia

#868550

Tritanopia

#825B5F

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F2F4E6
200
#E7EBCB
300
#D7DDA7
400
#C1CA77
500
#ABB847
600
#899339
700
#6D762D
800
#555C24
900
#3F441D
950
#282B12

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026