#560657

#560657

Color Values

HEX

#560657

RGB

86, 6, 87

HSL

299.3, 87.1%, 18.2%

HSV

299.3, 93.1%, 34.1%

CMYK

1.1%, 93.1%, 0.0%, 65.9%

OKLCH

0.3226 0.1416 327.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#560657

#075706

Analogous

#2D0657

#57062F

#560657

Triadic

#560657

#575606

#065756

Split Complementary

#560657

#2F5706

#06572D

Tetradic

#560657

#572D06

#075706

#062F57

Color Blindness Simulation

Original

#560657

Protanopia

#333343

Deuteranopia

#383E3F

Tritanopia

#523431

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCFA
300
#F68CF7
400
#F14EF3
500
#EC10EF
600
#BD0DBF
700
#970B99
800
#760877
900
#560A56
950
#360737

Contrast Checker

Text on white

13.47:1

AA Pass AAA Pass

Text on black

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