#DCFBFA

#DCFBFA

Color Values

HEX

#DCFBFA

RGB

220, 251, 250

HSL

178.1, 79.5%, 92.4%

HSV

178.1, 12.4%, 98.4%

CMYK

12.4%, 0.0%, 0.4%, 1.6%

OKLCH

0.9656 0.0321 194.3

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DCFBFA

#FBDCDD

Analogous

#DCFBEB

#DCEDFB

#DCFBFA

Triadic

#DCFBFA

#FADCFB

#FBFADC

Split Complementary

#DCFBFA

#FBDCED

#FBEBDC

Tetradic

#DCFBFA

#EBDCFB

#FBDCDD

#EDFBDC

Color Blindness Simulation

Original

#DCFBFA

Protanopia

#E9EAFA

Deuteranopia

#E8E5FA

Tritanopia

#DEFAFA

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1F9F8
200
#BFF8F6
300
#91F2EF
400
#56ECE7
500
#1AE5DE
600
#15B7B2
700
#11928E
800
#0D726F
900
#0E5351
950
#093433

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.22: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