#ADE9F4

#ADE9F4

Color Values

HEX

#ADE9F4

RGB

173, 233, 244

HSL

189,3, 76,3%, 81,8%

HSV

189,3, 29,1%, 95,7%

CMYK

29,1%, 4,5%, 0,0%, 4,3%

OKLCH

0,897 0,0624 210,1

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ADE9F4

#F4B8AD

Analogous

#ADF4DC

#ADC6F4

#ADE9F4

Triadic

#ADE9F4

#F4ADE9

#E9F4AD

Split Complementary

#ADE9F4

#F4ADC6

#F4DCAD

Tetradic

#ADE9F4

#DCADF4

#F4B8AD

#C6F4AD

Color Blindness Simulation

Original

#ADE9F4

Protanopia

#C7C8F1

Deuteranopia

#C4BFF1

Tritanopia

#B0EFEF

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EEF7
300
#93E2F0
400
#59D2E9
500
#1EC3E1
600
#189CB4
700
#137D90
800
#0F6170
900
#0F4752
950
#0A2D34

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026