#DAFAFD

#DAFAFD

Color Values

HEX

#DAFAFD

RGB

218, 250, 253

HSL

185,1, 89,7%, 92,4%

HSV

185,1, 13,8%, 99,2%

CMYK

13,8%, 1,2%, 0,0%, 0,8%

OKLCH

0,9631 0,0334 203,5

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DAFAFD

#FDDDDA

Analogous

#DAFDEF

#DAE9FD

#DAFAFD

Triadic

#DAFAFD

#FDDAFA

#FAFDDA

Split Complementary

#DAFAFD

#FDDAE9

#FDEFDA

Tetradic

#DAFAFD

#EFDAFD

#FDDDDA

#E9FDDA

Color Blindness Simulation

Original

#DAFAFD

Protanopia

#E8E8FC

Deuteranopia

#E6E4FC

Tritanopia

#DCFCFC

Achromatopsia

#F3F3F3

CSS Usage

background-color: #DAFAFD;
color: #DAFAFD;
border-color: #DAFAFD;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF6FB
300
#8BEFF9
400
#4CE7F5
500
#0DDEF2
600
#0BB2C1
700
#088E9B
800
#076F79
900
#095158
950
#063337

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026