#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026