#556116

#556116

Color Values

HEX

#556116

RGB

85, 97, 22

HSL

69.6, 63.0%, 23.3%

HSV

69.6, 77.3%, 38.0%

CMYK

12.4%, 0.0%, 77.3%, 62.0%

OKLCH

0.467 0.0976 118.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#556116

#221661

Analogous

#614716

#2F6116

#556116

Triadic

#556116

#165561

#611655

Split Complementary

#556116

#162F61

#471661

Tetradic

#556116

#166147

#221661

#61162F

Color Blindness Simulation

Original

#556116

Protanopia

#5A5A28

Deuteranopia

#5A592C

Tritanopia

#56363A

Achromatopsia

#595959

CSS Usage

background-color: #556116;
color: #556116;
border-color: #556116;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFBF3
100
#F4F7E4
200
#EBF2C5
300
#DCE89B
400
#C9DC65
500
#B6D02F
600
#92A626
700
#75851E
800
#5B6818
900
#434C15
950
#2A300D

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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