#A2ABFB

#A2ABFB

Color Values

HEX

#A2ABFB

RGB

162, 171, 251

HSL

233,9, 91,8%, 81,0%

HSV

233,9, 35,5%, 98,4%

CMYK

35,5%, 31,9%, 0,0%, 1,6%

OKLCH

0,765 0,1149 278,4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#A2ABFB

#FBF2A2

Analogous

#A2D8FB

#C6A2FB

#A2ABFB

Triadic

#A2ABFB

#FBA2AB

#ABFBA2

Split Complementary

#A2ABFB

#FBC6A2

#D8FBA2

Tetradic

#A2ABFB

#FBA2D8

#FBF2A2

#A2FBC6

Color Blindness Simulation

Original

#A2ABFB

Protanopia

#A6A6E8

Deuteranopia

#A5A5E3

Tritanopia

#A2D8D5

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BBC1FC
300
#8A95FA
400
#4A5CF7
500
#0A22F5
600
#081BC4
700
#07169D
800
#05117A
900
#081158
950
#050A38

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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026