#ADE8F4

#ADE8F4

Color Values

HEX

#ADE8F4

RGB

173, 232, 244

HSL

190.1, 76.3%, 81.8%

HSV

190.1, 29.1%, 95.7%

CMYK

29.1%, 4.9%, 0.0%, 4.3%

OKLCH

0.8948 0.0619 211.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ADE8F4

#F4B9AD

Analogous

#ADF4DD

#ADC5F4

#ADE8F4

Triadic

#ADE8F4

#F4ADE8

#E8F4AD

Split Complementary

#ADE8F4

#F4ADC5

#F4DDAD

Tetradic

#ADE8F4

#DDADF4

#F4B9AD

#C5F4AD

Color Blindness Simulation

Original

#ADE8F4

Protanopia

#C7C7F1

Deuteranopia

#C3BFF0

Tritanopia

#B0EFEE

Achromatopsia

#DCDCDC

CSS Usage

background-color: #ADE8F4;
color: #ADE8F4;
border-color: #ADE8F4;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EDF7
300
#93E1F0
400
#59D0E9
500
#1EC0E1
600
#189AB4
700
#137B90
800
#0F6070
900
#0F4752
950
#0A2D34

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.63:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026