#A2ADEE

#A2ADEE

Color Values

HEX

#A2ADEE

RGB

162, 173, 238

HSL

231.3, 69.1%, 78.4%

HSV

231.3, 31.9%, 93.3%

CMYK

31.9%, 27.3%, 0.0%, 6.7%

OKLCH

0.7631 0.0941 276.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A2ADEE

#EEE3A2

Analogous

#A2D3EE

#BDA2EE

#A2ADEE

Triadic

#A2ADEE

#EEA2AD

#ADEEA2

Split Complementary

#A2ADEE

#EEBDA2

#D3EEA2

Tetradic

#A2ADEE

#EEA2D3

#EEE3A2

#A2EEBD

Color Blindness Simulation

Original

#A2ADEE

Protanopia

#A7A7DE

Deuteranopia

#A6A5DA

Tritanopia

#A3D2CF

Achromatopsia

#AFAFAF

CSS Usage

background-color: #A2ADEE;
color: #A2ADEE;
border-color: #A2ADEE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F4FC
100
#E3E6F8
200
#C3CAF4
300
#98A4EC
400
#5F72E2
500
#2741D8
600
#2034AC
700
#192A8A
800
#14206C
900
#121B4F
950
#0C1132

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026