#554253

#554253

Color Values

HEX

#554253

RGB

85, 66, 83

HSL

306,3, 12,6%, 29,6%

HSV

306,3, 22,4%, 33,3%

CMYK

0,0%, 22,4%, 2,4%, 66,7%

OKLCH

0,4056 0,0374 329,8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#554253

#425544

Analogous

#4D4255

#554249

#554253

Triadic

#554253

#535542

#425355

Split Complementary

#554253

#495542

#42554D

Tetradic

#554253

#554D42

#425544

#424955

Color Blindness Simulation

Original

#554253

Protanopia

#4D4D4F

Deuteranopia

#4E4F4E

Tritanopia

#544C4B

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#CABAC8
400
#AD95AA
500
#906F8C
600
#735970
700
#5C475A
800
#483846
900
#362B35
950
#221B21

Contrast Checker

Text on white

9,17:1

AA Pass AAA Pass

Text on black

2,29: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