#DAEDF1

#DAEDF1

Color Values

HEX

#DAEDF1

RGB

218, 237, 241

HSL

190.4, 45.1%, 90.0%

HSV

190.4, 9.5%, 94.5%

CMYK

9.5%, 1.7%, 0.0%, 5.5%

OKLCH

0.9332 0.0208 211.8

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DAEDF1

#F1DEDA

Analogous

#DAF1E9

#DAE2F1

#DAEDF1

Triadic

#DAEDF1

#F1DAED

#EDF1DA

Split Complementary

#DAEDF1

#F1DAE2

#F1E9DA

Tetradic

#DAEDF1

#E9DAF1

#F1DEDA

#E2F1DA

Color Blindness Simulation

Original

#DAEDF1

Protanopia

#E2E2F0

Deuteranopia

#E1E0F0

Tritanopia

#DBEFEF

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE6EB
300
#A6D4DD
400
#76BCCB
500
#46A5B9
600
#388494
700
#2D6A76
800
#23535D
900
#1D3D44
950
#12272B

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026