#561D53

#561D53

Color Values

HEX

#561D53

RGB

86, 29, 83

HSL

303.2, 49.6%, 22.5%

HSV

303.2, 66.3%, 33.7%

CMYK

0.0%, 66.3%, 3.5%, 66.3%

OKLCH

0.3409 0.1111 329.8

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#561D53

#1D5620

Analogous

#3C1D56

#561D36

#561D53

Triadic

#561D53

#53561D

#1D5356

Split Complementary

#561D53

#36561D

#1D563C

Tetradic

#561D53

#563C1D

#1D5620

#1D3656

Color Blindness Simulation

Original

#561D53

Protanopia

#3D3D46

Deuteranopia

#414543

Tritanopia

#533C39

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDCAEB
300
#E0A3DD
400
#CF72CA
500
#BF40B8
600
#993393
700
#7A2976
800
#5F205C
900
#461B44
950
#2C112B

Contrast Checker

Text on white

12.38:1

AA Pass AAA Pass

Text on black

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