#A3D8FF

#A3D8FF

Color Values

HEX

#A3D8FF

RGB

163, 216, 255

HSL

205.4, 100.0%, 82.0%

HSV

205.4, 36.1%, 100.0%

CMYK

36.1%, 15.3%, 0.0%, 0.0%

OKLCH

0.859 0.0773 240.7

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#A3D8FF

#FFCAA3

Analogous

#A3FFF8

#A3AAFF

#A3D8FF

Triadic

#A3D8FF

#FFA3D8

#D8FFA3

Split Complementary

#A3D8FF

#FFA3AA

#FFF8A3

Tetradic

#A3D8FF

#F8A3FF

#FFCAA3

#AAFFA3

Color Blindness Simulation

Original

#A3D8FF

Protanopia

#BABAF6

Deuteranopia

#B7B3F3

Tritanopia

#A6EEEC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E1FF
300
#85CBFF
400
#42AFFF
500
#0093FF
600
#0076CC
700
#005EA3
800
#004A80
900
#05375C
950
#03233A

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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