#A2A9EB

#A2A9EB

Color Values

HEX

#A2A9EB

RGB

162, 169, 235

HSL

234.2, 64.6%, 77.8%

HSV

234.2, 31.1%, 92.2%

CMYK

31.1%, 28.1%, 0.0%, 7.8%

OKLCH

0.7538 0.0951 279.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A2A9EB

#EBE4A2

Analogous

#A2CDEB

#BFA2EB

#A2A9EB

Triadic

#A2A9EB

#EBA2A9

#A9EBA2

Split Complementary

#A2A9EB

#EBBFA2

#CDEBA2

Tetradic

#A2A9EB

#EBA2CD

#EBE4A2

#A2EBBF

Color Blindness Simulation

Original

#A2A9EB

Protanopia

#A5A5DB

Deuteranopia

#A5A4D7

Tritanopia

#A2CECC

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C9F2
300
#9AA2E9
400
#646FDE
500
#2D3DD2
600
#2431A8
700
#1D2786
800
#171F69
900
#141A4D
950
#0D1030

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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