#DAEEF7

#DAEEF7

Color Values

HEX

#DAEEF7

RGB

218, 238, 247

HSL

198,6, 64,4%, 91,2%

HSV

198,6, 11,7%, 96,9%

CMYK

11,7%, 3,6%, 0,0%, 3,1%

OKLCH

0,937 0,0244 226,5

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DAEEF7

#F7E3DA

Analogous

#DAF7F2

#DAE0F7

#DAEEF7

Triadic

#DAEEF7

#F7DAEE

#EEF7DA

Split Complementary

#DAEEF7

#F7DAE0

#F7F2DA

Tetradic

#DAEEF7

#F2DAF7

#F7E3DA

#E0F7DA

Color Blindness Simulation

Original

#DAEEF7

Protanopia

#E3E3F5

Deuteranopia

#E2E0F4

Tritanopia

#DBF3F3

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DAEEF7;
color: #DAEEF7;
border-color: #DAEEF7;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E4F2
300
#9AD1E9
400
#64B8DD
500
#2D9FD2
600
#247FA8
700
#1D6686
800
#174F69
900
#143B4D
950
#0D2530

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,55: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