#828C28

#828C28

Color Values

HEX

#828C28

RGB

130, 140, 40

HSL

66.0, 55.6%, 35.3%

HSV

66.0, 71.4%, 54.9%

CMYK

7.1%, 0.0%, 71.4%, 45.1%

OKLCH

0.6126 0.1218 115.0

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#828C28

#32288C

Analogous

#8C6428

#508C28

#828C28

Triadic

#828C28

#28828C

#8C2882

Split Complementary

#828C28

#28508C

#64288C

Tetradic

#828C28

#288C64

#32288C

#8C2850

Color Blindness Simulation

Original

#828C28

Protanopia

#868640

Deuteranopia

#868546

Tritanopia

#825358

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#EBEFC7
300
#DDE4A0
400
#CBD56C
500
#B8C639
600
#939F2D
700
#767F24
800
#5C631C
900
#444918
950
#2B2E0F

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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