#8B8322

#8B8322

Color Values

HEX

#8B8322

RGB

139, 131, 34

HSL

55.4, 60.7%, 33.9%

HSV

55.4, 75.5%, 54.5%

CMYK

0.0%, 5.8%, 75.5%, 45.5%

OKLCH

0.5993 0.1141 104.5

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#8B8322

#222A8B

Analogous

#8B4E22

#5E8B22

#8B8322

Triadic

#8B8322

#228B83

#83228B

Split Complementary

#8B8322

#225E8B

#4E228B

Tetradic

#8B8322

#228B4E

#222A8B

#8B225E

Color Blindness Simulation

Original

#8B8322

Protanopia

#888739

Deuteranopia

#88893F

Tritanopia

#8B4C50

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EEC6
300
#E7E19D
400
#DAD167
500
#CDC132
600
#A49A28
700
#837C20
800
#666119
900
#4B4716
950
#2F2D0E

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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