#556013

#556013

Color Values

HEX

#556013

RGB

85, 96, 19

HSL

68.6, 67.0%, 22.5%

HSV

68.6, 80.2%, 37.6%

CMYK

11.5%, 0.0%, 80.2%, 62.4%

OKLCH

0.4642 0.0983 117.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#556013

#1E1360

Analogous

#604413

#2E6013

#556013

Triadic

#556013

#135560

#601355

Split Complementary

#556013

#132E60

#441360

Tetradic

#556013

#136044

#1E1360

#60132E

Color Blindness Simulation

Original

#556013

Protanopia

#5A5A26

Deuteranopia

#59582A

Tritanopia

#563438

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F7E3
200
#ECF3C3
300
#DFEB99
400
#CEE061
500
#BCD52A
600
#97AA22
700
#79881B
800
#5E6A15
900
#454E13
950
#2C310C

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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