#A338FF

#A338FF

Color Values

HEX

#A338FF

RGB

163, 56, 255

HSL

272.3, 100.0%, 61.0%

HSV

272.3, 78.0%, 100.0%

CMYK

36.1%, 78.0%, 0.0%, 0.0%

OKLCH

0.5973 0.2703 303.1

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#A338FF

#94FF38

Analogous

#4038FF

#FF38F7

#A338FF

Triadic

#A338FF

#FFA338

#38FFA3

Split Complementary

#A338FF

#F7FF38

#38FF40

Tetradic

#A338FF

#FF4038

#94FF38

#38F7FF

Color Blindness Simulation

Original

#A338FF

Protanopia

#7574CF

Deuteranopia

#7B83C3

Tritanopia

#9EA9A0

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DEB8FF
300
#C685FF
400
#A842FF
500
#8900FF
600
#6E00CC
700
#5800A3
800
#450080
900
#34055C
950
#21033A

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass 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