#560F70

#560F70

Color Values

HEX

#560F70

RGB

86, 15, 112

HSL

283.9, 76.4%, 24.9%

HSV

283.9, 86.6%, 43.9%

CMYK

23.2%, 86.6%, 0.0%, 56.1%

OKLCH

0.3474 0.1558 314.4

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#560F70

#29700F

Analogous

#250F70

#700F5A

#560F70

Triadic

#560F70

#70560F

#0F7056

Split Complementary

#560F70

#5A700F

#0F7025

Tetradic

#560F70

#70250F

#29700F

#0F5A70

Color Blindness Simulation

Original

#560F70

Protanopia

#373759

Deuteranopia

#3B4153

Tritanopia

#524642

Achromatopsia

#252525

CSS Usage

background-color: #560F70;
color: #560F70;
border-color: #560F70;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#FAF2FC
100
#F3E2F9
200
#E8C0F7
300
#D793F1
400
#C259E9
500
#AD1EE1
600
#8A18B4
700
#6E1390
800
#560F70
900
#400F52
950
#280A34

Contrast Checker

Text on white

12.37:1

AA Pass AAA Pass

Text on black

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