#828B2F

#828B2F

Color Values

HEX

#828B2F

RGB

130, 139, 47

HSL

65.9, 49.5%, 36.5%

HSV

65.9, 66.2%, 54.5%

CMYK

6.5%, 0.0%, 66.2%, 45.5%

OKLCH

0.6108 0.1154 114.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#828B2F

#382F8B

Analogous

#8B662F

#548B2F

#828B2F

Triadic

#828B2F

#2F828B

#8B2F82

Split Complementary

#828B2F

#2F548B

#662F8B

Tetradic

#828B2F

#2F8B66

#382F8B

#8B2F54

Color Blindness Simulation

Original

#828B2F

Protanopia

#868645

Deuteranopia

#85854B

Tritanopia

#82575B

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#E9EDCA
300
#DAE0A4
400
#C6CF72
500
#B2BF40
600
#8F9834
700
#727A29
800
#595F20
900
#42461B
950
#2A2C11

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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