#556017

#556017

Color Values

HEX

#556017

RGB

85, 96, 23

HSL

69.0, 61.3%, 23.3%

HSV

69.0, 76.0%, 37.6%

CMYK

11.5%, 0.0%, 76.0%, 62.4%

OKLCH

0.4645 0.0956 117.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#556017

#221760

Analogous

#604617

#306017

#556017

Triadic

#556017

#175560

#601755

Split Complementary

#556017

#173060

#461760

Tetradic

#556017

#176046

#221760

#601730

Color Blindness Simulation

Original

#556017

Protanopia

#5A5A29

Deuteranopia

#59582D

Tritanopia

#56373A

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F6E4
200
#EBF1C5
300
#DCE79C
400
#C9DA67
500
#B6CE31
600
#92A527
700
#758420
800
#5B6719
900
#434B16
950
#2A2F0E

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