#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026