#A196FA

#A196FA

Color Values

HEX

#A196FA

RGB

161, 150, 250

HSL

246.6, 90.9%, 78.4%

HSV

246.6, 40.0%, 98.0%

CMYK

35.6%, 40.0%, 0.0%, 2.0%

OKLCH

0.7238 0.1429 287.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A196FA

#EFFA96

Analogous

#96BDFA

#D396FA

#A196FA

Triadic

#A196FA

#FAA196

#96FAA1

Split Complementary

#A196FA

#FAD396

#BDFA96

Tetradic

#A196FA

#FA96BD

#EFFA96

#96FAD3

Color Blindness Simulation

Original

#A196FA

Protanopia

#9C9CE2

Deuteranopia

#9D9EDC

Tritanopia

#A0CFCA

Achromatopsia

#A0A0A0

CSS Usage

background-color: #A196FA;
color: #A196FA;
border-color: #A196FA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BBFC
300
#968AF9
400
#5E4BF6
500
#250CF3
600
#1E09C3
700
#18079C
800
#13067A
900
#120958
950
#0B0638

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026