#573448

#573448

Color Values

HEX

#573448

RGB

87, 52, 72

HSL

325.7, 25.2%, 27.3%

HSV

325.7, 40.2%, 34.1%

CMYK

0.0%, 40.2%, 17.2%, 65.9%

OKLCH

0.3747 0.0583 345.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#573448

#345743

Analogous

#553457

#573437

#573448

Triadic

#573448

#485734

#344857

Split Complementary

#573448

#375734

#345755

Tetradic

#573448

#575534

#345743

#343757

Color Blindness Simulation

Original

#573448

Protanopia

#484843

Deuteranopia

#4A4C42

Tritanopia

#553F3E

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DD
300
#D1B2C4
400
#B889A4
500
#A05F84
600
#804C6A
700
#663D55
800
#503042
900
#3B2532
950
#261820

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

1.99: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