#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026