#556B32

#556B32

Color Values

HEX

#556B32

RGB

85, 107, 50

HSL

83.2, 36.3%, 30.8%

HSV

83.2, 53.3%, 42.0%

CMYK

20.6%, 0.0%, 53.3%, 58.0%

OKLCH

0.496 0.0864 126.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#556B32

#48326B

Analogous

#6B6532

#386B32

#556B32

Triadic

#556B32

#32556B

#6B3255

Split Complementary

#556B32

#32386B

#65326B

Tetradic

#556B32

#326B65

#48326B

#6B3238

Color Blindness Simulation

Original

#556B32

Protanopia

#5F5F40

Deuteranopia

#5D5C43

Tritanopia

#564B4D

Achromatopsia

#626262

CSS Usage

background-color: #556B32;
color: #556B32;
border-color: #556B32;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C7D8AC
400
#A8C37E
500
#8AAE51
600
#6E8B41
700
#586F34
800
#455729
900
#344021
950
#212915

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail 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