#560D62

#560D62

Color Values

HEX

#560D62

RGB

86, 13, 98

HSL

291.5, 76.6%, 21.8%

HSV

291.5, 86.7%, 38.4%

CMYK

12.2%, 86.7%, 0.0%, 61.6%

OKLCH

0.3351 0.145 321.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#560D62

#19620D

Analogous

#2C0D62

#620D44

#560D62

Triadic

#560D62

#62560D

#0D6256

Split Complementary

#560D62

#44620D

#0D622C

Tetradic

#560D62

#622C0D

#19620D

#0D4462

Color Blindness Simulation

Original

#560D62

Protanopia

#36364D

Deuteranopia

#3B4048

Tritanopia

#523D3A

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FBF2FC
100
#F5E2F9
200
#EFC0F7
300
#E393F1
400
#D458E9
500
#C51EE1
600
#9E18B4
700
#7E1390
800
#630F71
900
#480F52
950
#2E0A34

Contrast Checker

Text on white

12.89:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026