#ACB8F7

#ACB8F7

Color Values

HEX

#ACB8F7

RGB

172, 184, 247

HSL

230.4, 82.4%, 82.2%

HSV

230.4, 30.4%, 96.9%

CMYK

30.4%, 25.5%, 0.0%, 3.1%

OKLCH

0.796 0.0905 275.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACB8F7

#F7EBAC

Analogous

#ACDEF7

#C6ACF7

#ACB8F7

Triadic

#ACB8F7

#F7ACB8

#B8F7AC

Split Complementary

#ACB8F7

#F7C6AC

#DEF7AC

Tetradic

#ACB8F7

#F7ACDE

#F7EBAC

#ACF7C6

Color Blindness Simulation

Original

#ACB8F7

Protanopia

#B1B1E8

Deuteranopia

#B0B0E4

Tritanopia

#ADDCD9

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#8FA0F4
400
#536CEE
500
#1638E9
600
#122DBA
700
#0E2495
800
#0B1C74
900
#0D1854
950
#080F35

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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