#ABA8F5

#ABA8F5

Color Values

HEX

#ABA8F5

RGB

171, 168, 245

HSL

242.3, 79.4%, 81.0%

HSV

242.3, 31.4%, 96.1%

CMYK

30.2%, 31.4%, 0.0%, 3.9%

OKLCH

0.7631 0.1095 285.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ABA8F5

#F2F5A8

Analogous

#A8CCF5

#D1A8F5

#ABA8F5

Triadic

#ABA8F5

#F5ABA8

#A8F5AB

Split Complementary

#ABA8F5

#F5D1A8

#CCF5A8

Tetradic

#ABA8F5

#F5A8CC

#F2F5A8

#A8F5D1

Color Blindness Simulation

Original

#ABA8F5

Protanopia

#AAAAE2

Deuteranopia

#AAAADE

Tritanopia

#ABD4D0

Achromatopsia

#AEAEAE

CSS Usage

background-color: #ABA8F5;
color: #ABA8F5;
border-color: #ABA8F5;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C1BFF8
300
#9591F2
400
#5B56EC
500
#221AE5
600
#1B15B7
700
#161192
800
#110D72
900
#100E53
950
#0A0934

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026