#A3C7FD

#A3C7FD

Color Values

HEX

#A3C7FD

RGB

163, 199, 253

HSL

216.0, 95.7%, 81.6%

HSV

216.0, 35.6%, 99.2%

CMYK

35.6%, 21.3%, 0.0%, 0.8%

OKLCH

0.8228 0.0858 258.3

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#A3C7FD

#FDD9A3

Analogous

#A3F4FD

#ACA3FD

#A3C7FD

Triadic

#A3C7FD

#FDA3C7

#C7FDA3

Split Complementary

#A3C7FD

#FDACA3

#F4FDA3

Tetradic

#A3C7FD

#FDA3F4

#FDD9A3

#A3FDAC

Color Blindness Simulation

Original

#A3C7FD

Protanopia

#B3B3F0

Deuteranopia

#B0AEED

Tritanopia

#A5E6E3

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B6FC
400
#468FFB
500
#0567FA
600
#0452C8
700
#0442A0
800
#03347D
900
#07285A
950
#041939

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026