#554F57

#554F57

Color Values

HEX

#554F57

RGB

85, 79, 87

HSL

285.0, 4.8%, 32.5%

HSV

285.0, 9.2%, 34.1%

CMYK

2.3%, 9.2%, 0.0%, 65.9%

OKLCH

0.4362 0.015 317.7

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#554F57

#51574F

Analogous

#514F57

#574F55

#554F57

Triadic

#554F57

#57554F

#4F5755

Split Complementary

#554F57

#55574F

#4F5751

Tetradic

#554F57

#57514F

#51574F

#4F5557

Color Blindness Simulation

Original

#554F57

Protanopia

#525255

Deuteranopia

#535355

Tritanopia

#555453

Achromatopsia

#515151

CSS Usage

background-color: #554F57;
color: #554F57;
border-color: #554F57;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCDADD
300
#C3BFC5
400
#A39CA5
500
#837986
600
#68616B
700
#544E56
800
#413D43
900
#312E33
950
#1F1D20

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026