#A2BAE2

#A2BAE2

Color Values

HEX

#A2BAE2

RGB

162, 186, 226

HSL

217.5, 52.5%, 76.1%

HSV

217.5, 28.3%, 88.6%

CMYK

28.3%, 17.7%, 0.0%, 11.4%

OKLCH

0.7846 0.0631 260.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A2BAE2

#E2CAA2

Analogous

#A2DAE2

#AAA2E2

#A2BAE2

Triadic

#A2BAE2

#E2A2BA

#BAE2A2

Split Complementary

#A2BAE2

#E2AAA2

#DAE2A2

Tetradic

#A2BAE2

#E2A2DA

#E2CAA2

#A2E2AA

Color Blindness Simulation

Original

#A2BAE2

Protanopia

#ACADD8

Deuteranopia

#ABA9D6

Tritanopia

#A3D1CF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D7EE
300
#A2BAE2
400
#6F94D2
500
#3D6FC2
600
#30599C
700
#27477C
800
#1E3761
900
#1A2B47
950
#101B2D

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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