#A3D7FC

#A3D7FC

Color Values

HEX

#A3D7FC

RGB

163, 215, 252

HSL

204.9, 93.7%, 81.4%

HSV

204.9, 35.3%, 98.8%

CMYK

35.3%, 14.7%, 0.0%, 1.2%

OKLCH

0.8558 0.0747 239.7

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#A3D7FC

#FCC8A3

Analogous

#A3FCF4

#A3ABFC

#A3D7FC

Triadic

#A3D7FC

#FCA3D7

#D7FCA3

Split Complementary

#A3D7FC

#FCA3AB

#FCF4A3

Tetradic

#A3D7FC

#F4A3FC

#FCC8A3

#ABFCA3

Color Blindness Simulation

Original

#A3D7FC

Protanopia

#BABAF3

Deuteranopia

#B6B3F1

Tritanopia

#A6ECEA

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFF0FB
200
#BAE1FD
300
#88CCFB
400
#48B0F9
500
#0894F7
600
#0676C6
700
#055F9E
800
#044A7B
900
#083759
950
#052338

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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