#DCF9FD

#DCF9FD

Color Values

HEX

#DCF9FD

RGB

220, 249, 253

HSL

187.3, 89.2%, 92.7%

HSV

187.3, 13.0%, 99.2%

CMYK

13.0%, 1.6%, 0.0%, 0.8%

OKLCH

0.9624 0.0306 206.7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DCF9FD

#FDE0DC

Analogous

#DCFDF0

#DCE8FD

#DCF9FD

Triadic

#DCF9FD

#FDDCF9

#F9FDDC

Split Complementary

#DCF9FD

#FDDCE8

#FDF0DC

Tetradic

#DCF9FD

#F0DCFD

#FDE0DC

#E8FDDC

Color Blindness Simulation

Original

#DCF9FD

Protanopia

#E9E9FC

Deuteranopia

#E7E5FC

Tritanopia

#DDFBFB

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BBF3FB
300
#8BEBF8
400
#4CE0F5
500
#0ED6F1
600
#0BABC1
700
#09899A
800
#076B79
900
#0A4E57
950
#063137

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026