#A2C3F8

#A2C3F8

Color Values

HEX

#A2C3F8

RGB

162, 195, 248

HSL

217.0, 86.0%, 80.4%

HSV

217.0, 34.7%, 97.3%

CMYK

34.7%, 21.4%, 0.0%, 2.7%

OKLCH

0.8119 0.0835 259.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A2C3F8

#F8D7A2

Analogous

#A2EEF8

#ACA2F8

#A2C3F8

Triadic

#A2C3F8

#F8A2C3

#C3F8A2

Split Complementary

#A2C3F8

#F8ACA2

#EEF8A2

Tetradic

#A2C3F8

#F8A2EE

#F8D7A2

#A2F8AC

Color Blindness Simulation

Original

#A2C3F8

Protanopia

#B0B1EB

Deuteranopia

#AEACE8

Tritanopia

#A4E1DF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8DB6F6
400
#508EF2
500
#1266ED
600
#0E52BE
700
#0B4198
800
#093377
900
#0B2856
950
#071936

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026