#ADE0F8

#ADE0F8

Color Values

HEX

#ADE0F8

RGB

173, 224, 248

HSL

199,2, 84,3%, 82,5%

HSV

199,2, 30,2%, 97,3%

CMYK

30,2%, 9,7%, 0,0%, 2,7%

OKLCH

0,8792 0,0621 228,4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ADE0F8

#F8C5AD

Analogous

#ADF8EA

#ADBAF8

#ADE0F8

Triadic

#ADE0F8

#F8ADE0

#E0F8AD

Split Complementary

#ADE0F8

#F8ADBA

#F8EAAD

Tetradic

#ADE0F8

#EAADF8

#F8C5AD

#BAF8AD

Color Blindness Simulation

Original

#ADE0F8

Protanopia

#C3C4F2

Deuteranopia

#C0BCF1

Tritanopia

#B0EEED

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F2FA
200
#BDE6F9
300
#8ED4F5
400
#51BDF0
500
#14A6EB
600
#1085BC
700
#0D6A96
800
#0A5375
900
#0C3E55
950
#072736

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026