#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026