#560259

#560259

Color Values

HEX

#560259

RGB

86, 2, 89

HSL

297.9, 95.6%, 17.8%

HSV

297.9, 97.8%, 34.9%

CMYK

3.4%, 97.8%, 0.0%, 65.1%

OKLCH

0.3214 0.1467 326.6

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#560259

#055902

Analogous

#2A0259

#590230

#560259

Triadic

#560259

#595602

#025956

Split Complementary

#560259

#305902

#02592A

Tetradic

#560259

#592A02

#055902

#023059

Color Blindness Simulation

Original

#560259

Protanopia

#323144

Deuteranopia

#363D3F

Tritanopia

#523330

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FBB9FD
300
#F887FC
400
#F546FB
500
#F106F9
600
#C104C8
700
#9A04A0
800
#78037D
900
#57075A
950
#370439

Contrast Checker

Text on white

13.56:1

AA Pass AAA Pass

Text on black

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