#ADDCF8

#ADDCF8

Color Values

HEX

#ADDCF8

RGB

173, 220, 248

HSL

202,4, 84,3%, 82,5%

HSV

202,4, 30,2%, 97,3%

CMYK

30,2%, 11,3%, 0,0%, 2,7%

OKLCH

0,8708 0,0624 234,6

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ADDCF8

#F8C9AD

Analogous

#ADF8EE

#ADB6F8

#ADDCF8

Triadic

#ADDCF8

#F8ADDC

#DCF8AD

Split Complementary

#ADDCF8

#F8ADB6

#F8EEAD

Tetradic

#ADDCF8

#EEADF8

#F8C9AD

#B6F8AD

Color Blindness Simulation

Original

#ADDCF8

Protanopia

#C1C2F1

Deuteranopia

#BFBBF0

Tritanopia

#AFECEB

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F0FA
200
#BDE3F9
300
#8ECFF5
400
#51B5F0
500
#149BEB
600
#107CBC
700
#0D6396
800
#0A4D75
900
#0C3A55
950
#072436

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026