#A4B5DF

#A4B5DF

Color Values

HEX

#A4B5DF

RGB

164, 181, 223

HSL

222.7, 48.0%, 75.9%

HSV

222.7, 26.5%, 87.5%

CMYK

26.5%, 18.8%, 0.0%, 12.5%

OKLCH

0.7745 0.0632 267.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A4B5DF

#DFCEA4

Analogous

#A4D3DF

#B1A4DF

#A4B5DF

Triadic

#A4B5DF

#DFA4B5

#B5DFA4

Split Complementary

#A4B5DF

#DFB1A4

#D3DFA4

Tetradic

#A4B5DF

#DFA4D3

#DFCEA4

#A4DFB1

Color Blindness Simulation

Original

#A4B5DF

Protanopia

#ABACD5

Deuteranopia

#AAA9D2

Tritanopia

#A5CDCB

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD4EC
300
#A4B5DF
400
#738DCE
500
#4266BD
600
#355197
700
#2A4179
800
#21335E
900
#1C2845
950
#11192C

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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