#560749

#560749

Color Values

HEX

#560749

RGB

86, 7, 73

HSL

309.9, 84.9%, 18.2%

HSV

309.9, 91.9%, 33.7%

CMYK

0.0%, 91.9%, 15.1%, 66.3%

OKLCH

0.3141 0.13 336.5

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#560749

#075614

Analogous

#3B0756

#560721

#560749

Triadic

#560749

#495607

#074956

Split Complementary

#560749

#215607

#07563B

Tetradic

#560749

#563B07

#075614

#072156

Color Blindness Simulation

Original

#560749

Protanopia

#343339

Deuteranopia

#383E35

Tritanopia

#522C2A

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF0
300
#F68EE5
400
#F151D6
500
#EC13C8
600
#BD0FA0
700
#970C80
800
#760A64
900
#550B49
950
#36072E

Contrast Checker

Text on white

13.8:1

AA Pass AAA Pass

Text on black

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