#DFFCFD

#DFFCFD

Color Values

HEX

#DFFCFD

RGB

223, 252, 253

HSL

182.0, 88.2%, 93.3%

HSV

182.0, 11.9%, 99.2%

CMYK

11.9%, 0.4%, 0.0%, 0.8%

OKLCH

0.9705 0.0301 199.2

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DFFCFD

#FDE0DF

Analogous

#DFFDEF

#DFEDFD

#DFFCFD

Triadic

#DFFCFD

#FDDFFC

#FCFDDF

Split Complementary

#DFFCFD

#FDDFED

#FDEFDF

Tetradic

#DFFCFD

#EFDFFD

#FDE0DF

#EDFDDF

Color Blindness Simulation

Original

#DFFCFD

Protanopia

#ECECFD

Deuteranopia

#EAE8FD

Tritanopia

#E0FDFD

Achromatopsia

#F6F6F6

CSS Usage

background-color: #DFFCFD;
color: #DFFCFD;
border-color: #DFFCFD;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F2FDFD
100
#E0FAFB
200
#BCF9FB
300
#8CF4F8
400
#4DEEF4
500
#0FE8F0
600
#0CBAC0
700
#0A959A
800
#087478
900
#0A5457
950
#063537

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

19.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026