#560AF5

#560AF5

Color Values

HEX

#560AF5

RGB

86, 10, 245

HSL

259.4, 92.2%, 50.0%

HSV

259.4, 95.9%, 96.1%

CMYK

64.9%, 95.9%, 0.0%, 3.9%

OKLCH

0.4811 0.2842 281.3

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#560AF5

#A9F50A

Analogous

#0A33F5

#CC0AF5

#560AF5

Triadic

#560AF5

#F5560A

#0AF556

Split Complementary

#560AF5

#F5CC0A

#33F50A

Tetradic

#560AF5

#F50A33

#A9F50A

#0AF5CC

Color Blindness Simulation

Original

#560AF5

Protanopia

#3534BC

Deuteranopia

#3A3FAE

Tritanopia

#528F85

Achromatopsia

#2B2B2B

CSS Usage

background-color: #560AF5;
color: #560AF5;
border-color: #560AF5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BAFC
300
#AE89FA
400
#824AF8
500
#560AF5
600
#4508C4
700
#37069D
800
#2B057B
900
#220859
950
#160538

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026