#553645

#553645

Color Values

HEX

#553645

RGB

85, 54, 69

HSL

331.0, 22.3%, 27.3%

HSV

331.0, 36.5%, 33.3%

CMYK

0.0%, 36.5%, 18.8%, 66.7%

OKLCH

0.3748 0.0496 349.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#553645

#365546

Analogous

#553655

#553736

#553645

Triadic

#553645

#455536

#364555

Split Complementary

#553645

#365537

#365555

Tetradic

#553645

#555536

#365546

#373655

Color Blindness Simulation

Original

#553645

Protanopia

#484741

Deuteranopia

#494C40

Tritanopia

#533F3E

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E3D3DB
300
#CFB4C1
400
#B68CA0
500
#9C637F
600
#7D4F65
700
#643F51
800
#4E323F
900
#3A2730
950
#25181E

Contrast Checker

Text on white

10.5:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026