#560654

#560654

Color Values

HEX

#560654

RGB

86, 6, 84

HSL

301.5, 87.0%, 18.0%

HSV

301.5, 93.0%, 33.7%

CMYK

0.0%, 93.0%, 2.3%, 66.3%

OKLCH

0.3205 0.1393 329.4

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#560654

#065608

Analogous

#300656

#56062C

#560654

Triadic

#560654

#545606

#065456

Split Complementary

#560654

#2C5606

#065630

Tetradic

#560654

#563006

#065608

#062C56

Color Blindness Simulation

Original

#560654

Protanopia

#333341

Deuteranopia

#383E3D

Tritanopia

#52322F

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78DF4
400
#F34FEF
500
#EE11E9
600
#BF0DBA
700
#990B95
800
#770874
900
#560B54
950
#370735

Contrast Checker

Text on white

13.55:1

AA Pass AAA Pass

Text on black

1.55:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026