#ADD7F2

#ADD7F2

Color Values

HEX

#ADD7F2

RGB

173, 215, 242

HSL

203.5, 72.6%, 81.4%

HSV

203.5, 28.5%, 94.9%

CMYK

28.5%, 11.2%, 0.0%, 5.1%

OKLCH

0.8582 0.058 236.6

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD7F2

#F2C8AD

Analogous

#ADF2EB

#ADB5F2

#ADD7F2

Triadic

#ADD7F2

#F2ADD7

#D7F2AD

Split Complementary

#ADD7F2

#F2ADB5

#F2EBAD

Tetradic

#ADD7F2

#EBADF2

#F2C8AD

#B5F2AD

Color Blindness Simulation

Original

#ADD7F2

Protanopia

#BFC0EB

Deuteranopia

#BDBAEA

Tritanopia

#AFE6E5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2F0F8
200
#C1E1F5
300
#95CBEE
400
#5CAFE5
500
#2394DC
600
#1C76B0
700
#165E8D
800
#114A6E
900
#113750
950
#0B2333

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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