#828323

#828323

Color Values

HEX

#828323

RGB

130, 131, 35

HSL

60.6, 57.8%, 32.5%

HSV

60.6, 73.3%, 51.4%

CMYK

0.8%, 0.0%, 73.3%, 48.6%

OKLCH

0.591 0.115 110.1

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#828323

#242383

Analogous

#835423

#528323

#828323

Triadic

#828323

#238283

#832382

Split Complementary

#828323

#235283

#542383

Tetradic

#828323

#238354

#242383

#832352

Color Blindness Simulation

Original

#828323

Protanopia

#82823A

Deuteranopia

#828240

Tritanopia

#824D51

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C7
300
#E4E59E
400
#D6D76A
500
#C8C936
600
#A0A12B
700
#808122
800
#64651B
900
#494A17
950
#2E2F0F

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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