#ADD6F5

#ADD6F5

Color Values

HEX

#ADD6F5

RGB

173, 214, 245

HSL

205.8, 78.3%, 82.0%

HSV

205.8, 29.4%, 96.1%

CMYK

29.4%, 12.7%, 0.0%, 3.9%

OKLCH

0.8572 0.0611 241.0

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADD6F5

#F5CCAD

Analogous

#ADF5F0

#ADB2F5

#ADD6F5

Triadic

#ADD6F5

#F5ADD6

#D6F5AD

Split Complementary

#ADD6F5

#F5ADB2

#F5F0AD

Tetradic

#ADD6F5

#F0ADF5

#F5CCAD

#B2F5AD

Color Blindness Simulation

Original

#ADD6F5

Protanopia

#BFBFEE

Deuteranopia

#BCB9EC

Tritanopia

#AFE8E6

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#BFDFF7
300
#92C9F2
400
#57ABEB
500
#1C8DE3
600
#1671B6
700
#125B91
800
#0E4772
900
#0E3553
950
#092234

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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