#ADE7F4

#ADE7F4

Color Values

HEX

#ADE7F4

RGB

173, 231, 244

HSL

191,0, 76,3%, 81,8%

HSV

191,0, 29,1%, 95,7%

CMYK

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

OKLCH

0,8927 0,0614 213,0

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ADE7F4

#F4BAAD

Analogous

#ADF4DE

#ADC4F4

#ADE7F4

Triadic

#ADE7F4

#F4ADE7

#E7F4AD

Split Complementary

#ADE7F4

#F4ADC4

#F4DEAD

Tetradic

#ADE7F4

#DEADF4

#F4BAAD

#C4F4AD

Color Blindness Simulation

Original

#ADE7F4

Protanopia

#C6C7F1

Deuteranopia

#C3BEF0

Tritanopia

#B0EEEE

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0EDF7
300
#93DFF0
400
#59CEE9
500
#1EBDE1
600
#1897B4
700
#137990
800
#0F5F70
900
#0F4652
950
#0A2C34

Contrast Checker

Text on white

1,35:1

AA Fail AAA Fail

Text on black

15,51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026