#ADEAEF

#ADEAEF

Color Values

HEX

#ADEAEF

RGB

173, 234, 239

HSL

184.5, 67.3%, 80.8%

HSV

184.5, 27.6%, 93.7%

CMYK

27.6%, 2.1%, 0.0%, 6.3%

OKLCH

0.8975 0.0618 202.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ADEAEF

#EFB2AD

Analogous

#ADEFD3

#ADC9EF

#ADEAEF

Triadic

#ADEAEF

#EFADEA

#EAEFAD

Split Complementary

#ADEAEF

#EFADC9

#EFD3AD

Tetradic

#ADEAEF

#D3ADEF

#EFB2AD

#C9EFAD

Color Blindness Simulation

Original

#ADEAEF

Protanopia

#C7C8EE

Deuteranopia

#C4BFEE

Tritanopia

#B0EDED

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F0F3
300
#99E5EB
400
#61D7E0
500
#2AC8D5
600
#21A0AB
700
#1B8089
800
#15646B
900
#13494E
950
#0C2E31

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79: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