#DAE9FF

#DAE9FF

Color Values

HEX

#DAE9FF

RGB

218, 233, 255

HSL

215.7, 100.0%, 92.7%

HSV

215.7, 14.5%, 100.0%

CMYK

14.5%, 8.6%, 0.0%, 0.0%

OKLCH

0.9295 0.034 257.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DAE9FF

#FFF0DA

Analogous

#DAFBFF

#DDDAFF

#DAE9FF

Triadic

#DAE9FF

#FFDAE9

#E9FFDA

Split Complementary

#DAE9FF

#FFDDDA

#FBFFDA

Tetradic

#DAE9FF

#FFDAFB

#FFF0DA

#DAFFDD

Color Blindness Simulation

Original

#DAE9FF

Protanopia

#E0E1FA

Deuteranopia

#E0DEF8

Tritanopia

#DBF5F5

Achromatopsia

#E7E7E7

CSS Usage

background-color: #DAE9FF;
color: #DAE9FF;
border-color: #DAE9FF;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D5FF
300
#85B6FF
400
#428FFF
500
#0067FF
600
#0053CC
700
#0042A3
800
#003480
900
#05285C
950
#03193A

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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