#562CD3

#562CD3

Color Values

HEX

#562CD3

RGB

86, 44, 211

HSL

255.1, 65.5%, 50.0%

HSV

255.1, 79.1%, 82.7%

CMYK

59.2%, 79.1%, 0.0%, 17.3%

OKLCH

0.4662 0.2328 284.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#562CD3

#A9D32C

Analogous

#2C55D3

#AA2CD3

#562CD3

Triadic

#562CD3

#D3562C

#2CD356

Split Complementary

#562CD3

#D3AA2C

#55D32C

Tetradic

#562CD3

#D32C55

#A9D32C

#2CD3AA

Color Blindness Simulation

Original

#562CD3

Protanopia

#4443AB

Deuteranopia

#4649A1

Tritanopia

#548B84

Achromatopsia

#414141

CSS Usage

background-color: #562CD3;
color: #562CD3;
border-color: #562CD3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C4F3
300
#AE9AEA
400
#8263DE
500
#562CD3
600
#4523A9
700
#371C87
800
#2B166A
900
#22144D
950
#160D31

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026