#572155

#572155

Color Values

HEX

#572155

RGB

87, 33, 85

HSL

302.2, 45.0%, 23.5%

HSV

302.2, 62.1%, 34.1%

CMYK

0.0%, 62.1%, 2.3%, 65.9%

OKLCH

0.349 0.1071 329.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#572155

#215723

Analogous

#3E2157

#57213A

#572155

Triadic

#572155

#555721

#215557

Split Complementary

#572155

#3A5721

#21573E

Tetradic

#572155

#573E21

#215723

#213A57

Color Blindness Simulation

Original

#572155

Protanopia

#403F48

Deuteranopia

#434745

Tritanopia

#543E3C

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DB
400
#CB76C8
500
#B946B5
600
#943891
700
#762D74
800
#5C235A
900
#441D43
950
#2B122A

Contrast Checker

Text on white

11.97:1

AA Pass AAA Pass

Text on black

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