#555F36

#555F36

Color Values

HEX

#555F36

RGB

85, 95, 54

HSL

74.6, 27.5%, 29.2%

HSV

74.6, 43.2%, 37.3%

CMYK

10.5%, 0.0%, 43.2%, 62.7%

OKLCH

0.466 0.0625 120.1

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#555F36

#40365F

Analogous

#5F5436

#405F36

#555F36

Triadic

#555F36

#36555F

#5F3655

Split Complementary

#555F36

#36405F

#54365F

Tetradic

#555F36

#365F54

#40365F

#5F3640

Color Blindness Simulation

Original

#555F36

Protanopia

#595940

Deuteranopia

#595842

Tritanopia

#564849

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D1
300
#CAD3B1
400
#AEBB87
500
#91A35C
600
#74824A
700
#5D683B
800
#49512E
900
#373C24
950
#222617

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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