#ACA8D6

#ACA8D6

Color Values

HEX

#ACA8D6

RGB

172, 168, 214

HSL

245.2, 35.9%, 74.9%

HSV

245.2, 21.5%, 83.9%

CMYK

19.6%, 21.5%, 0.0%, 16.1%

OKLCH

0.7508 0.0657 288.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACA8D6

#D2D6A8

Analogous

#A8BBD6

#C3A8D6

#ACA8D6

Triadic

#ACA8D6

#D6ACA8

#A8D6AC

Split Complementary

#ACA8D6

#D6C3A8

#BBD6A8

Tetradic

#ACA8D6

#D6A8BB

#D2D6A8

#A8D6C3

Color Blindness Simulation

Original

#ACA8D6

Protanopia

#AAAACB

Deuteranopia

#AAABC8

Tritanopia

#ACC2C0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#B0ACD8
400
#857FC3
500
#5A52AD
600
#48418B
700
#39346F
800
#2D2957
900
#242140
950
#161528

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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