#562BD4

#562BD4

Color Values

HEX

#562BD4

RGB

86, 43, 212

HSL

255.3, 66.3%, 50.0%

HSV

255.3, 79.7%, 83.1%

CMYK

59.4%, 79.7%, 0.0%, 16.9%

OKLCH

0.4661 0.2347 284.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#562BD4

#A9D42B

Analogous

#2B54D4

#AB2BD4

#562BD4

Triadic

#562BD4

#D4562B

#2BD456

Split Complementary

#562BD4

#D4AB2B

#54D42B

Tetradic

#562BD4

#D42B54

#A9D42B

#2BD4AB

Color Blindness Simulation

Original

#562BD4

Protanopia

#4343AB

Deuteranopia

#4649A1

Tritanopia

#548B84

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C4F3
300
#AE99EA
400
#8262DF
500
#562BD4
600
#4522AA
700
#371B88
800
#2B156A
900
#22144D
950
#160C31

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

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