#561C63

#561C63

Color Values

HEX

#561C63

RGB

86, 28, 99

HSL

289.0, 55.9%, 24.9%

HSV

289.0, 71.7%, 38.8%

CMYK

13.1%, 71.7%, 0.0%, 61.2%

OKLCH

0.3499 0.1284 319.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#561C63

#29631C

Analogous

#321C63

#631C4D

#561C63

Triadic

#561C63

#63561C

#1C6356

Split Complementary

#561C63

#4D631C

#1C6332

Tetradic

#561C63

#63321C

#29631C

#1C4D63

Color Blindness Simulation

Original

#561C63

Protanopia

#3D3C52

Deuteranopia

#40454E

Tritanopia

#534441

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E5F6
200
#E8C7EF
300
#D7A0E4
400
#C26CD5
500
#AD38C7
600
#8A2D9F
700
#6E247F
800
#561C63
900
#401849
950
#280F2E

Contrast Checker

Text on white

12.06:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026