#555D61

#555D61

Color Values

HEX

#555D61

RGB

85, 93, 97

HSL

200.0, 6.6%, 35.7%

HSV

200.0, 12.4%, 38.0%

CMYK

12.4%, 4.1%, 0.0%, 62.0%

OKLCH

0.4727 0.012 229.1

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#555D61

#615955

Analogous

#55615F

#555761

#555D61

Triadic

#555D61

#61555D

#5D6155

Split Complementary

#555D61

#615557

#615F55

Tetradic

#555D61

#5F5561

#615955

#576155

Color Blindness Simulation

Original

#555D61

Protanopia

#585960

Deuteranopia

#585760

Tritanopia

#555F5F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #555D61;
color: #555D61;
border-color: #555D61;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDE
300
#BEC3C6
400
#9AA3A7
500
#778288
600
#5F686D
700
#4C5357
800
#3C4144
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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