#554151

#554151

Color Values

HEX

#554151

RGB

85, 65, 81

HSL

312.0, 13.3%, 29.4%

HSV

312.0, 23.5%, 33.3%

CMYK

0.0%, 23.5%, 4.7%, 66.7%

OKLCH

0.4026 0.0373 333.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#554151

#415545

Analogous

#4F4155

#554147

#554151

Triadic

#554151

#515541

#415155

Split Complementary

#554151

#475541

#41554F

Tetradic

#554151

#554F41

#415545

#414755

Color Blindness Simulation

Original

#554151

Protanopia

#4C4C4D

Deuteranopia

#4E4F4C

Tritanopia

#544A49

Achromatopsia

#464646

CSS Usage

background-color: #554151;
color: #554151;
border-color: #554151;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC7
400
#AD94A8
500
#906F8A
600
#74586E
700
#5C4758
800
#483745
900
#362B34
950
#221B21

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026