#ADDAF8

#ADDAF8

Color Values

HEX

#ADDAF8

RGB

173, 218, 248

HSL

204,0, 84,3%, 82,5%

HSV

204,0, 30,2%, 97,3%

CMYK

30,2%, 12,1%, 0,0%, 2,7%

OKLCH

0,8666 0,0628 237,6

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ADDAF8

#F8CBAD

Analogous

#ADF8F0

#ADB4F8

#ADDAF8

Triadic

#ADDAF8

#F8ADDA

#DAF8AD

Split Complementary

#ADDAF8

#F8ADB4

#F8F0AD

Tetradic

#ADDAF8

#F0ADF8

#F8CBAD

#B4F8AD

Color Blindness Simulation

Original

#ADDAF8

Protanopia

#C0C1F1

Deuteranopia

#BEBAEF

Tritanopia

#AFEBEA

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0F0FA
200
#BDE1F9
300
#8ECCF5
400
#51B1F0
500
#1495EB
600
#1077BC
700
#0D5F96
800
#0A4A75
900
#0C3855
950
#072336

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,16: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