#DAE9F2

#DAE9F2

Color Values

HEX

#DAE9F2

RGB

218, 233, 242

HSL

202.5, 48.0%, 90.2%

HSV

202.5, 9.9%, 94.9%

CMYK

9.9%, 3.7%, 0.0%, 5.1%

OKLCH

0.9255 0.0202 233.9

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DAE9F2

#F2E3DA

Analogous

#DAF2EF

#DADDF2

#DAE9F2

Triadic

#DAE9F2

#F2DAE9

#E9F2DA

Split Complementary

#DAE9F2

#F2DADD

#F2EFDA

Tetradic

#DAE9F2

#EFDAF2

#F2E3DA

#DDF2DA

Color Blindness Simulation

Original

#DAE9F2

Protanopia

#E0E1F0

Deuteranopia

#E0DEEF

Tritanopia

#DBEEEE

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CAE0EC
300
#A4C9DF
400
#73ACCE
500
#428FBD
600
#357297
700
#2A5B79
800
#21475E
900
#1C3645
950
#11222C

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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