#DCFBF4

#DCFBF4

Color Values

HEX

#DCFBF4

RGB

220, 251, 244

HSL

166.5, 79.5%, 92.4%

HSV

166.5, 12.4%, 98.4%

CMYK

12.4%, 0.0%, 2.8%, 1.6%

OKLCH

0.9639 0.0334 180.5

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DCFBF4

#FBDCE3

Analogous

#DCFBE5

#DCF3FB

#DCFBF4

Triadic

#DCFBF4

#F4DCFB

#FBF4DC

Split Complementary

#DCFBF4

#FBDCF3

#FBE5DC

Tetradic

#DCFBF4

#E5DCFB

#FBDCE3

#F3FBDC

Color Blindness Simulation

Original

#DCFBF4

Protanopia

#E9EAF6

Deuteranopia

#E8E5F6

Tritanopia

#DEF7F7

Achromatopsia

#F4F4F4

CSS Usage

background-color: #DCFBF4;
color: #DCFBF4;
border-color: #DCFBF4;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F2FDFA
100
#E1F9F4
200
#BFF8EB
300
#91F2DD
400
#56ECCA
500
#1AE5B7
600
#15B793
700
#119275
800
#0D725C
900
#0E5344
950
#09342B

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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