#ADD3F1

#ADD3F1

Color Values

HEX

#ADD3F1

RGB

173, 211, 241

HSL

206.5, 70.8%, 81.2%

HSV

206.5, 28.2%, 94.5%

CMYK

28.2%, 12.4%, 0.0%, 5.5%

OKLCH

0.8495 0.0582 242.2

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD3F1

#F1CBAD

Analogous

#ADF1ED

#ADB1F1

#ADD3F1

Triadic

#ADD3F1

#F1ADD3

#D3F1AD

Split Complementary

#ADD3F1

#F1ADB1

#F1EDAD

Tetradic

#ADD3F1

#EDADF1

#F1CBAD

#B1F1AD

Color Blindness Simulation

Original

#ADD3F1

Protanopia

#BDBEEA

Deuteranopia

#BBB8E8

Tritanopia

#AFE4E3

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DEF5
300
#96C7ED
400
#5EA8E3
500
#258ADA
600
#1E6EAE
700
#18588B
800
#13456D
900
#12344F
950
#0B2132

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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