#556431

#556431

Color Values

HEX

#556431

RGB

85, 100, 49

HSL

77.6, 34.2%, 29.2%

HSV

77.6, 51.0%, 39.2%

CMYK

15.0%, 0.0%, 51.0%, 60.8%

OKLCH

0.4778 0.0765 122.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#556431

#403164

Analogous

#645931

#3C6431

#556431

Triadic

#556431

#315564

#643155

Split Complementary

#556431

#313C64

#593164

Tetradic

#556431

#316459

#403164

#64313C

Color Blindness Simulation

Original

#556431

Protanopia

#5B5C3D

Deuteranopia

#5B5A40

Tritanopia

#564749

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF2E8
200
#E0E8CF
300
#CAD7AD
400
#AEC180
500
#92AB54
600
#748943
700
#5D6E36
800
#49562A
900
#373F22
950
#222815

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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