#A3DCFE

#A3DCFE

Color Values

HEX

#A3DCFE

RGB

163, 220, 254

HSL

202.4, 97.8%, 81.8%

HSV

202.4, 35.8%, 99.6%

CMYK

35.8%, 13.4%, 0.0%, 0.4%

OKLCH

0.8671 0.0751 235.0

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#A3DCFE

#FEC5A3

Analogous

#A3FEF2

#A3AFFE

#A3DCFE

Triadic

#A3DCFE

#FEA3DC

#DCFEA3

Split Complementary

#A3DCFE

#FEA3AF

#FEF2A3

Tetradic

#A3DCFE

#F2A3FE

#FEC5A3

#AFFEA3

Color Blindness Simulation

Original

#A3DCFE

Protanopia

#BCBCF6

Deuteranopia

#B8B4F4

Tritanopia

#A6EFEE

Achromatopsia

#D2D2D2

CSS Usage

background-color: #A3DCFE;
color: #A3DCFE;
border-color: #A3DCFE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E4FE
300
#86D1FE
400
#44B8FD
500
#039FFC
600
#027FCA
700
#0266A1
800
#01507E
900
#063B5B
950
#04253A

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026