#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026