#A3BEE0

#A3BEE0

Color Values

HEX

#A3BEE0

RGB

163, 190, 224

HSL

213.4, 49.6%, 75.9%

HSV

213.4, 27.2%, 87.8%

CMYK

27.2%, 15.2%, 0.0%, 12.2%

OKLCH

0.7929 0.0568 254.3

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#A3BEE0

#E0C5A3

Analogous

#A3DDE0

#A7A3E0

#A3BEE0

Triadic

#A3BEE0

#E0A3BE

#BEE0A3

Split Complementary

#A3BEE0

#E0A7A3

#DDE0A3

Tetradic

#A3BEE0

#E0A3DD

#E0C5A3

#A3E0A7

Color Blindness Simulation

Original

#A3BEE0

Protanopia

#AFAFD8

Deuteranopia

#ADABD6

Tritanopia

#A4D1D0

Achromatopsia

#BBBBBB

CSS Usage

background-color: #A3BEE0;
color: #A3BEE0;
border-color: #A3BEE0;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD9ED
300
#A3BEE0
400
#729BCF
500
#4078BF
600
#336099
700
#294D7A
800
#203C5F
900
#1B2E46
950
#111D2C

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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