#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