#ACB4EF

#ACB4EF

Color Values

HEX

#ACB4EF

RGB

172, 180, 239

HSL

232.8, 67.7%, 80.6%

HSV

232.8, 28.0%, 93.7%

CMYK

28.0%, 24.7%, 0.0%, 6.3%

OKLCH

0.7847 0.0845 278.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACB4EF

#EFE7AC

Analogous

#ACD6EF

#C5ACEF

#ACB4EF

Triadic

#ACB4EF

#EFACB4

#B4EFAC

Split Complementary

#ACB4EF

#EFC5AC

#D6EFAC

Tetradic

#ACB4EF

#EFACD6

#EFE7AC

#ACEFC5

Color Blindness Simulation

Original

#ACB4EF

Protanopia

#AFB0E1

Deuteranopia

#AFAEDD

Tritanopia

#ACD5D3

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C3C9F3
300
#98A2EB
400
#6170E1
500
#293ED6
600
#2132AB
700
#1A2889
800
#151F6B
900
#131A4E
950
#0C1031

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026