#A3BAE2

#A3BAE2

Color Values

HEX

#A3BAE2

RGB

163, 186, 226

HSL

218.1, 52.1%, 76.3%

HSV

218.1, 27.9%, 88.6%

CMYK

27.9%, 17.7%, 0.0%, 11.4%

OKLCH

0.7853 0.0626 261.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A3BAE2

#E2CBA3

Analogous

#A3DAE2

#ACA3E2

#A3BAE2

Triadic

#A3BAE2

#E2A3BA

#BAE2A3

Split Complementary

#A3BAE2

#E2ACA3

#DAE2A3

Tetradic

#A3BAE2

#E2A3DA

#E2CBA3

#A3E2AC

Color Blindness Simulation

Original

#A3BAE2

Protanopia

#ADADD8

Deuteranopia

#ACAAD6

Tritanopia

#A4D1CF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D6EE
300
#A2B9E2
400
#6F93D2
500
#3D6EC2
600
#31589B
700
#27467C
800
#1F3761
900
#1A2A47
950
#101B2D

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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