#570F4F

#570F4F

Color Values

HEX

#570F4F

RGB

87, 15, 79

HSL

306.7, 70.6%, 20.0%

HSV

306.7, 82.8%, 34.1%

CMYK

0.0%, 82.8%, 9.2%, 65.9%

OKLCH

0.3253 0.1274 333.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#570F4F

#0F5717

Analogous

#3B0F57

#570F2B

#570F4F

Triadic

#570F4F

#4F570F

#0F4F57

Split Complementary

#570F4F

#2B570F

#0F573B

Tetradic

#570F4F

#573B0F

#0F5717

#0F2B57

Color Blindness Simulation

Original

#570F4F

Protanopia

#383740

Deuteranopia

#3C413C

Tritanopia

#533331

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F5
200
#F5C2EF
300
#ED97E3
400
#E35ED4
500
#DA25C5
600
#AE1E9E
700
#8B187E
800
#6D1363
900
#4F1248
950
#320B2E

Contrast Checker

Text on white

13.24:1

AA Pass AAA Pass

Text on black

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