#ACB7EF

#ACB7EF

Color Values

HEX

#ACB7EF

RGB

172, 183, 239

HSL

230.1, 67.7%, 80.6%

HSV

230.1, 28.0%, 93.7%

CMYK

28.0%, 23.4%, 0.0%, 6.3%

OKLCH

0.7907 0.0806 275.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ACB7EF

#EFE4AC

Analogous

#ACD9EF

#C2ACEF

#ACB7EF

Triadic

#ACB7EF

#EFACB7

#B7EFAC

Split Complementary

#ACB7EF

#EFC2AC

#D9EFAC

Tetradic

#ACB7EF

#EFACD9

#EFE4AC

#ACEFC2

Color Blindness Simulation

Original

#ACB7EF

Protanopia

#B1B1E1

Deuteranopia

#B0AFDE

Tritanopia

#ADD7D4

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E6F7
200
#C3CBF3
300
#98A6EB
400
#6176E1
500
#2946D6
600
#2138AB
700
#1A2D89
800
#15236B
900
#131D4E
950
#0C1231

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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