#DFFCF3

#DFFCF3

Color Values

HEX

#DFFCF3

RGB

223, 252, 243

HSL

161,4, 82,9%, 93,1%

HSV

161,4, 11,5%, 98,8%

CMYK

11,5%, 0,0%, 3,6%, 1,2%

OKLCH

0,9677 0,0324 175,0

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#DFFCF3

#FCDFE8

Analogous

#DFFCE4

#DFF6FC

#DFFCF3

Triadic

#DFFCF3

#F3DFFC

#FCF3DF

Split Complementary

#DFFCF3

#FCDFF6

#FCE4DF

Tetradic

#DFFCF3

#E4DFFC

#FCDFE8

#F6FCDF

Color Blindness Simulation

Original

#DFFCF3

Protanopia

#ECECF5

Deuteranopia

#EAE8F6

Tritanopia

#E0F7F7

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E1FAF2
200
#BEF9E7
300
#8FF5D5
400
#52EFBE
500
#16E9A8
600
#11BB86
700
#0E956B
800
#0B7554
900
#0C553E
950
#083527

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

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