#DFF0E2

#DFF0E2

Color Values

HEX

#DFF0E2

RGB

223, 240, 226

HSL

130.6, 36.2%, 90.8%

HSV

130.6, 7.1%, 94.1%

CMYK

7.1%, 0.0%, 5.8%, 5.9%

OKLCH

0.9386 0.0259 150.8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DFF0E2

#F0DFED

Analogous

#E5F0DF

#DFF0EB

#DFF0E2

Triadic

#DFF0E2

#E2DFF0

#F0E2DF

Split Complementary

#DFF0E2

#EBDFF0

#F0DFE5

Tetradic

#DFF0E2

#DFE5F0

#F0DFED

#F0EBDF

Color Blindness Simulation

Original

#DFF0E2

Protanopia

#E6E7E5

Deuteranopia

#E5E4E6

Tritanopia

#E0E8E9

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D3
300
#ACD8B3
400
#7EC38B
500
#51AE62
600
#418B4E
700
#346F3E
800
#295731
900
#214026
950
#152918

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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