#ABA2FA

#ABA2FA

Color Values

HEX

#ABA2FA

RGB

171, 162, 250

HSL

246.1, 89.8%, 80.8%

HSV

246.1, 35.2%, 98.0%

CMYK

31.6%, 35.2%, 0.0%, 2.0%

OKLCH

0.754 0.125 287.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#ABA2FA

#F1FAA2

Analogous

#A2C5FA

#D7A2FA

#ABA2FA

Triadic

#ABA2FA

#FAABA2

#A2FAAB

Split Complementary

#ABA2FA

#FAD7A2

#C5FAA2

Tetradic

#ABA2FA

#FAA2C5

#F1FAA2

#A2FAD7

Color Blindness Simulation

Original

#ABA2FA

Protanopia

#A7A7E5

Deuteranopia

#A8A8E0

Tritanopia

#ABD4D0

Achromatopsia

#AAAAAA

CSS Usage

background-color: #ABA2FA;
color: #ABA2FA;
border-color: #ABA2FA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C2BBFB
300
#968BF9
400
#5D4CF5
500
#240DF2
600
#1D0AC2
700
#17089B
800
#120779
900
#110958
950
#0B0637

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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