#560C4D

#560C4D

Color Values

HEX

#560C4D

RGB

86, 12, 77

HSL

307.3, 75.5%, 19.2%

HSV

307.3, 86.0%, 33.7%

CMYK

0.0%, 86.0%, 10.5%, 66.3%

OKLCH

0.3199 0.1284 333.9

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#560C4D

#0C5615

Analogous

#3A0C56

#560C28

#560C4D

Triadic

#560C4D

#4D560C

#0C4D56

Split Complementary

#560C4D

#28560C

#0C563A

Tetradic

#560C4D

#563A0C

#0C5615

#0C2856

Color Blindness Simulation

Original

#560C4D

Protanopia

#36353D

Deuteranopia

#3A403A

Tritanopia

#52312E

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F6
200
#F6C0F0
300
#F094E5
400
#E859D7
500
#E01FC8
600
#B319A0
700
#8F1480
800
#701064
900
#511049
950
#330A2E

Contrast Checker

Text on white

13.5:1

AA Pass AAA Pass

Text on black

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