#A314EB

#A314EB

Color Values

HEX

#A314EB

RGB

163, 20, 235

HSL

279.9, 84.3%, 50.0%

HSV

279.9, 91.5%, 92.2%

CMYK

30.6%, 91.5%, 0.0%, 7.8%

OKLCH

0.5602 0.2765 308.8

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#A314EB

#5CEB14

Analogous

#3714EB

#EB14C8

#A314EB

Triadic

#A314EB

#EBA314

#14EBA3

Split Complementary

#A314EB

#C8EB14

#14EB37

Tetradic

#A314EB

#EB3714

#5CEB14

#14C8EB

Color Blindness Simulation

Original

#A314EB

Protanopia

#6564B7

Deuteranopia

#6D78AA

Tritanopia

#9C8E85

Achromatopsia

#424242

CSS Usage

background-color: #A314EB;
color: #A314EB;
border-color: #A314EB;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDF9
300
#D38EF5
400
#BB51F0
500
#A314EB
600
#8210BC
700
#680D96
800
#510A75
900
#3D0C55
950
#260736

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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