#A3D8FC

#A3D8FC

Color Values

HEX

#A3D8FC

RGB

163, 216, 252

HSL

204.3, 93.7%, 81.4%

HSV

204.3, 35.3%, 98.8%

CMYK

35.3%, 14.3%, 0.0%, 1.2%

OKLCH

0.8579 0.0743 238.4

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#A3D8FC

#FCC7A3

Analogous

#A3FCF4

#A3ACFC

#A3D8FC

Triadic

#A3D8FC

#FCA3D8

#D8FCA3

Split Complementary

#A3D8FC

#FCA3AC

#FCF4A3

Tetradic

#A3D8FC

#F4A3FC

#FCC7A3

#ACFCA3

Color Blindness Simulation

Original

#A3D8FC

Protanopia

#BABAF3

Deuteranopia

#B7B3F1

Tritanopia

#A6ECEB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE2FD
300
#88CDFB
400
#48B1F9
500
#0896F7
600
#0678C6
700
#05609E
800
#044B7B
900
#083859
950
#052438

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.79:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026