#560DFF

#560DFF

Color Values

HEX

#560DFF

RGB

86, 13, 255

HSL

258.1, 100.0%, 52.5%

HSV

258.1, 94.9%, 100.0%

CMYK

66.3%, 94.9%, 0.0%, 0.0%

OKLCH

0.4934 0.2931 280.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#560DFF

#B6FF0D

Analogous

#0D3DFF

#CF0DFF

#560DFF

Triadic

#560DFF

#FF560D

#0DFF56

Split Complementary

#560DFF

#FFCF0D

#3DFF0D

Tetradic

#560DFF

#FF0D3D

#B6FF0D

#0DFFCF

Color Blindness Simulation

Original

#560DFF

Protanopia

#3636C5

Deuteranopia

#3B40B6

Tritanopia

#52968C

Achromatopsia

#2E2E2E

CSS Usage

background-color: #560DFF;
color: #560DFF;
border-color: #560DFF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CDB8FF
300
#AA85FF
400
#7B42FF
500
#4D00FF
600
#3E00CC
700
#3100A3
800
#260080
900
#1F055C
950
#14033A

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

2.9:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026