#828C3B

#828C3B

Color Values

HEX

#828C3B

RGB

130, 140, 59

HSL

67.4, 40.7%, 39.0%

HSV

67.4, 57.9%, 54.9%

CMYK

7.1%, 0.0%, 57.9%, 45.1%

OKLCH

0.6144 0.1061 115.5

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#828C3B

#453B8C

Analogous

#8C6D3B

#598C3B

#828C3B

Triadic

#828C3B

#3B828C

#8C3B82

Split Complementary

#828C3B

#3B598C

#6D3B8C

Tetradic

#828C3B

#3B8C6D

#453B8C

#8C3B59

Color Blindness Simulation

Original

#828C3B

Protanopia

#86864F

Deuteranopia

#868553

Tritanopia

#825E61

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E6EACD
300
#D5DBA9
400
#BEC77A
500
#A7B34C
600
#85903C
700
#6B7330
800
#535A26
900
#3E421F
950
#272A13

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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