#DAE8F2

#DAE8F2

Color Values

HEX

#DAE8F2

RGB

218, 232, 242

HSL

205.0, 48.0%, 90.2%

HSV

205.0, 9.9%, 94.9%

CMYK

9.9%, 4.1%, 0.0%, 5.1%

OKLCH

0.9235 0.0202 238.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DAE8F2

#F2E4DA

Analogous

#DAF2F0

#DADCF2

#DAE8F2

Triadic

#DAE8F2

#F2DAE8

#E8F2DA

Split Complementary

#DAE8F2

#F2DADC

#F2F0DA

Tetradic

#DAE8F2

#F0DAF2

#F2E4DA

#DCF2DA

Color Blindness Simulation

Original

#DAE8F2

Protanopia

#E0E0F0

Deuteranopia

#DFDEEF

Tritanopia

#DBEEED

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DAE8F2;
color: #DAE8F2;
border-color: #DAE8F2;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CADEEC
300
#A4C7DF
400
#73A8CE
500
#428ABD
600
#356E97
700
#2A5879
800
#21455E
900
#1C3445
950
#11212C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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