#A4B2DF

#A4B2DF

Color Values

HEX

#A4B2DF

RGB

164, 178, 223

HSL

225.8, 48.0%, 75.9%

HSV

225.8, 26.5%, 87.5%

CMYK

26.5%, 20.2%, 0.0%, 12.5%

OKLCH

0.7684 0.0665 271.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A4B2DF

#DFD1A4

Analogous

#A4D0DF

#B4A4DF

#A4B2DF

Triadic

#A4B2DF

#DFA4B2

#B2DFA4

Split Complementary

#A4B2DF

#DFB4A4

#D0DFA4

Tetradic

#A4B2DF

#DFA4D0

#DFD1A4

#A4DFB4

Color Blindness Simulation

Original

#A4B2DF

Protanopia

#AAAAD4

Deuteranopia

#A9A8D2

Tritanopia

#A5CCCA

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CAD2EC
300
#A4B2DF
400
#7389CE
500
#425FBD
600
#354C97
700
#2A3D79
800
#21305E
900
#1C2545
950
#11182C

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

10.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026