#555F16

#555F16

Color Values

HEX

#555F16

RGB

85, 95, 22

HSL

68.2, 62.4%, 22.9%

HSV

68.2, 76.8%, 37.3%

CMYK

10.5%, 0.0%, 76.8%, 62.7%

OKLCH

0.4619 0.095 117.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#555F16

#20165F

Analogous

#5F4416

#305F16

#555F16

Triadic

#555F16

#16555F

#5F1655

Split Complementary

#555F16

#16305F

#44165F

Tetradic

#555F16

#165F44

#20165F

#5F1630

Color Blindness Simulation

Original

#555F16

Protanopia

#595928

Deuteranopia

#59582C

Tritanopia

#563639

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F4F7E4
200
#EBF2C5
300
#DEE89C
400
#CBDC66
500
#B9CF30
600
#94A626
700
#77851F
800
#5D6818
900
#444C15
950
#2B300D

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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