#A396EE

#A396EE

Color Values

HEX

#A396EE

RGB

163, 150, 238

HSL

248.9, 72.1%, 76.1%

HSV

248.9, 37.0%, 93.3%

CMYK

31.5%, 37.0%, 0.0%, 6.7%

OKLCH

0.7193 0.1264 289.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A396EE

#E1EE96

Analogous

#96B5EE

#CF96EE

#A396EE

Triadic

#A396EE

#EEA396

#96EEA3

Split Complementary

#A396EE

#EECF96

#B5EE96

Tetradic

#A396EE

#EE96B5

#E1EE96

#96EECF

Color Blindness Simulation

Original

#A396EE

Protanopia

#9D9DD9

Deuteranopia

#9E9FD4

Tritanopia

#A2C8C4

Achromatopsia

#9F9F9F

CSS Usage

background-color: #A396EE;
color: #A396EE;
border-color: #A396EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F3FC
100
#E5E2F8
200
#C9C2F5
300
#A396EE
400
#715DE5
500
#3F24DB
600
#321CB0
700
#28178C
800
#1F126E
900
#1A1150
950
#110B32

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.15:1

AA Pass AAA Pass

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