#ADE6F8

#ADE6F8

Color Values

HEX

#ADE6F8

RGB

173, 230, 248

HSL

194.4, 84.3%, 82.5%

HSV

194.4, 30.2%, 97.3%

CMYK

30.2%, 7.3%, 0.0%, 2.7%

OKLCH

0.8919 0.0629 219.3

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#ADE6F8

#F8BFAD

Analogous

#ADF8E4

#ADC0F8

#ADE6F8

Triadic

#ADE6F8

#F8ADE6

#E6F8AD

Split Complementary

#ADE6F8

#F8ADC0

#F8E4AD

Tetradic

#ADE6F8

#E4ADF8

#F8BFAD

#C0F8AD

Color Blindness Simulation

Original

#ADE6F8

Protanopia

#C6C6F4

Deuteranopia

#C2BEF3

Tritanopia

#B0F0EF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDEBF9
300
#8EDDF5
400
#51CAF0
500
#14B7EB
600
#1093BC
700
#0D7596
800
#0A5C75
900
#0C4455
950
#072B36

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026