#DCFAFF

#DCFAFF

Color Values

HEX

#DCFAFF

RGB

220, 250, 255

HSL

188,6, 100,0%, 93,1%

HSV

188,6, 13,7%, 100,0%

CMYK

13,7%, 2,0%, 0,0%, 0,0%

OKLCH

0,965 0,0319 208,7

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DCFAFF

#FFE1DC

Analogous

#DCFFF2

#DCE8FF

#DCFAFF

Triadic

#DCFAFF

#FFDCFA

#FAFFDC

Split Complementary

#DCFAFF

#FFDCE8

#FFF2DC

Tetradic

#DCFAFF

#F2DCFF

#FFE1DC

#E8FFDC

Color Blindness Simulation

Original

#DCFAFF

Protanopia

#E9E9FE

Deuteranopia

#E7E5FE

Tritanopia

#DEFDFD

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FF
300
#85EDFF
400
#42E4FF
500
#00DAFF
600
#00AFCC
700
#008CA3
800
#006D80
900
#05505C
950
#03323A

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,16: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