#560732

#560732

Color Values

HEX

#560732

RGB

86, 7, 50

HSL

327.3, 84.9%, 18.2%

HSV

327.3, 91.9%, 33.7%

CMYK

0.0%, 91.9%, 41.9%, 66.3%

OKLCH

0.3022 0.1155 354.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#560732

#07562B

Analogous

#520756

#56070B

#560732

Triadic

#560732

#325607

#073256

Split Complementary

#560732

#0B5607

#075652

Tetradic

#560732

#565207

#07562B

#070B56

Color Blindness Simulation

Original

#560732

Protanopia

#343328

Deuteranopia

#383E25

Tritanopia

#521F1E

Achromatopsia

#1B1B1B

CSS Usage

background-color: #560732;
color: #560732;
border-color: #560732;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDE
300
#F68EC6
400
#F151A8
500
#EC1389
600
#BD0F6E
700
#970C58
800
#760A45
900
#550B34
950
#360721

Contrast Checker

Text on white

14.26:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026