#A2BEEC

#A2BEEC

Color Values

HEX

#A2BEEC

RGB

162, 190, 236

HSL

217.3, 66.1%, 78.0%

HSV

217.3, 31.4%, 92.5%

CMYK

31.4%, 19.5%, 0.0%, 7.5%

OKLCH

0.7968 0.0725 260.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A2BEEC

#ECD0A2

Analogous

#A2E3EC

#ABA2EC

#A2BEEC

Triadic

#A2BEEC

#ECA2BE

#BEECA2

Split Complementary

#A2BEEC

#ECABA2

#E3ECA2

Tetradic

#A2BEEC

#ECA2E3

#ECD0A2

#A2ECAB

Color Blindness Simulation

Original

#A2BEEC

Protanopia

#AEAEE1

Deuteranopia

#ACAADE

Tritanopia

#A3D8D6

Achromatopsia

#BBBBBB

CSS Usage

background-color: #A2BEEC;
color: #A2BEEC;
border-color: #A2BEEC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#99B8EA
400
#6291DF
500
#2B6BD4
600
#2356A9
700
#1C4488
800
#16356A
900
#14294D
950
#0C1A31

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026