#ACABFB

#ACABFB

Color Values

HEX

#ACABFB

RGB

172, 171, 251

HSL

240,8, 90,9%, 82,7%

HSV

240,8, 31,9%, 98,4%

CMYK

31,5%, 31,9%, 0,0%, 1,6%

OKLCH

0,7724 0,1135 284,0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#ACABFB

#FAFBAB

Analogous

#ABD2FB

#D4ABFB

#ACABFB

Triadic

#ACABFB

#FBACAB

#ABFBAC

Split Complementary

#ACABFB

#FBD4AB

#D2FBAB

Tetradic

#ACABFB

#FBABD2

#FAFBAB

#ABFBD4

Color Blindness Simulation

Original

#ACABFB

Protanopia

#ACACE8

Deuteranopia

#ACACE3

Tritanopia

#ACD8D5

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BCBBFC
300
#8C8AF9
400
#4D4BF6
500
#0F0CF3
600
#0C09C3
700
#09079C
800
#07067A
900
#0A0958
950
#060638

Contrast Checker

Text on white

2,11:1

AA Fail AAA Fail

Text on black

9,97: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