#ACBFE2

#ACBFE2

Color Values

HEX

#ACBFE2

RGB

172, 191, 226

HSL

218,9, 48,2%, 78,0%

HSV

218,9, 23,9%, 88,6%

CMYK

23,9%, 15,5%, 0,0%, 11,4%

OKLCH

0,8019 0,054 262,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ACBFE2

#E2CFAC

Analogous

#ACDAE2

#B4ACE2

#ACBFE2

Triadic

#ACBFE2

#E2ACBF

#BFE2AC

Split Complementary

#ACBFE2

#E2B4AC

#DAE2AC

Tetradic

#ACBFE2

#E2ACDA

#E2CFAC

#ACE2B4

Color Blindness Simulation

Original

#ACBFE2

Protanopia

#B4B4DA

Deuteranopia

#B3B2D8

Tritanopia

#ADD3D1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #ACBFE2;
color: #ACBFE2;
border-color: #ACBFE2;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CAD6ED
300
#A4B9DF
400
#7393CE
500
#426DBD
600
#355797
700
#2A4679
800
#21375E
900
#1B2A45
950
#111B2C

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,3: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