#560334

#560334

Color Values

HEX

#560334

RGB

86, 3, 52

HSL

324.6, 93.3%, 17.5%

HSV

324.6, 96.5%, 33.7%

CMYK

0.0%, 96.5%, 39.5%, 66.3%

OKLCH

0.3001 0.1205 352.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#560334

#035625

Analogous

#4F0356

#56030A

#560334

Triadic

#560334

#345603

#033456

Split Complementary

#560334

#0A5603

#03564F

Tetradic

#560334

#564F03

#035625

#030A56

Color Blindness Simulation

Original

#560334

Protanopia

#323128

Deuteranopia

#373D25

Tritanopia

#521F1D

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FDBAE1
300
#FB89CC
400
#F949B0
500
#F60995
600
#C50777
700
#9E055F
800
#7B044A
900
#590838
950
#380523

Contrast Checker

Text on white

14.4:1

AA Pass AAA Pass

Text on black

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