#A5BCDF

#A5BCDF

Color Values

HEX

#A5BCDF

RGB

165, 188, 223

HSL

216.2, 47.5%, 76.1%

HSV

216.2, 26.0%, 87.5%

CMYK

26.0%, 15.7%, 0.0%, 12.5%

OKLCH

0.7897 0.056 258.7

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#A5BCDF

#DFC8A5

Analogous

#A5D9DF

#ABA5DF

#A5BCDF

Triadic

#A5BCDF

#DFA5BC

#BCDFA5

Split Complementary

#A5BCDF

#DFABA5

#D9DFA5

Tetradic

#A5BCDF

#DFA5D9

#DFC8A5

#A5DFAB

Color Blindness Simulation

Original

#A5BCDF

Protanopia

#AFAFD7

Deuteranopia

#AEACD4

Tritanopia

#A6D0CE

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD8EC
300
#A5BCDF
400
#7497CD
500
#4373BC
600
#365C96
700
#2B4A78
800
#21395E
900
#1C2C45
950
#121C2C

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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