#ADD4FA

#ADD4FA

Color Values

HEX

#ADD4FA

RGB

173, 212, 250

HSL

209.6, 88.5%, 82.9%

HSV

209.6, 30.8%, 98.0%

CMYK

30.8%, 15.2%, 0.0%, 2.0%

OKLCH

0.8548 0.0674 247.9

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD4FA

#FAD3AD

Analogous

#ADFAF9

#ADADFA

#ADD4FA

Triadic

#ADD4FA

#FAADD4

#D4FAAD

Split Complementary

#ADD4FA

#FAADAD

#FAF9AD

Tetradic

#ADD4FA

#F9ADFA

#FAD3AD

#ADFAAD

Color Blindness Simulation

Original

#ADD4FA

Protanopia

#BEBEF1

Deuteranopia

#BCB9EF

Tritanopia

#AFEAE8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDCFB
300
#8CC3F8
400
#4DA2F4
500
#0F81F0
600
#0C67C0
700
#09539A
800
#074178
900
#0A3157
950
#061F37

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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