#A2C2E2

#A2C2E2

Color Values

HEX

#A2C2E2

RGB

162, 194, 226

HSL

210.0, 52.5%, 76.1%

HSV

210.0, 28.3%, 88.6%

CMYK

28.3%, 14.2%, 0.0%, 11.4%

OKLCH

0.8013 0.0572 248.5

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#A2C2E2

#E2C2A2

Analogous

#A2E2E2

#A2A2E2

#A2C2E2

Triadic

#A2C2E2

#E2A2C2

#C2E2A2

Split Complementary

#A2C2E2

#E2A2A2

#E2E2A2

Tetradic

#A2C2E2

#E2A2E2

#E2C2A2

#A2E2A2

Color Blindness Simulation

Original

#A2C2E2

Protanopia

#B0B0DA

Deuteranopia

#AEACD8

Tritanopia

#A4D4D3

Achromatopsia

#BEBEBE

CSS Usage

background-color: #A2C2E2;
color: #A2C2E2;
border-color: #A2C2E2;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DBEE
300
#A2C2E2
400
#6FA1D2
500
#3D80C2
600
#30669C
700
#27527C
800
#1E4061
900
#1A3047
950
#101F2D

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026