#DAF3FD

#DAF3FD

Color Values

HEX

#DAF3FD

RGB

218, 243, 253

HSL

197,1, 89,7%, 92,4%

HSV

197,1, 13,8%, 99,2%

CMYK

13,8%, 4,0%, 0,0%, 0,8%

OKLCH

0,9489 0,0295 223,8

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#DAF3FD

#FDE4DA

Analogous

#DAFDF6

#DAE2FD

#DAF3FD

Triadic

#DAF3FD

#FDDAF3

#F3FDDA

Split Complementary

#DAF3FD

#FDDAE2

#FDF6DA

Tetradic

#DAF3FD

#F6DAFD

#FDE4DA

#E2FDDA

Color Blindness Simulation

Original

#DAF3FD

Protanopia

#E5E5FB

Deuteranopia

#E3E2FA

Tritanopia

#DBF9F8

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F3FB
200
#BBE9FB
300
#8BD9F9
400
#4CC5F5
500
#0DB1F2
600
#0B8DC1
700
#08719B
800
#075879
900
#094158
950
#062937

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,22: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