#570949

#570949

Color Values

HEX

#570949

RGB

87, 9, 73

HSL

310.8, 81.3%, 18.8%

HSV

310.8, 89.7%, 34.1%

CMYK

0.0%, 89.7%, 16.1%, 65.9%

OKLCH

0.3173 0.1287 337.1

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#570949

#095717

Analogous

#3E0957

#570922

#570949

Triadic

#570949

#495709

#094957

Split Complementary

#570949

#225709

#09573E

Tetradic

#570949

#573E09

#095717

#092257

Color Blindness Simulation

Original

#570949

Protanopia

#35353A

Deuteranopia

#3A4036

Tritanopia

#532D2B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #570949;
color: #570949;
border-color: #570949;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FB
100
#F9E1F5
200
#F8BEEE
300
#F490E2
400
#ED54D2
500
#E718C2
600
#B9139B
700
#940F7C
800
#740C61
900
#540D47
950
#35082D

Contrast Checker

Text on white

13.63:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026