#A5B2DF

#A5B2DF

Color Values

HEX

#A5B2DF

RGB

165, 178, 223

HSL

226.6, 47.5%, 76.1%

HSV

226.6, 26.0%, 87.5%

CMYK

26.0%, 20.2%, 0.0%, 12.5%

OKLCH

0.7691 0.0662 272.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A5B2DF

#DFD2A5

Analogous

#A5CFDF

#B5A5DF

#A5B2DF

Triadic

#A5B2DF

#DFA5B2

#B2DFA5

Split Complementary

#A5B2DF

#DFB5A5

#CFDFA5

Tetradic

#A5B2DF

#DFA5CF

#DFD2A5

#A5DFB5

Color Blindness Simulation

Original

#A5B2DF

Protanopia

#ABABD4

Deuteranopia

#AAA9D2

Tritanopia

#A6CCCA

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6E9F4
200
#CAD2EC
300
#A5B2DF
400
#7488CD
500
#435EBC
600
#364B96
700
#2B3C78
800
#212F5E
900
#1C2545
950
#12172C

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.03:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026