#DFFAE4

#DFFAE4

Color Values

HEX

#DFFAE4

RGB

223, 250, 228

HSL

131.1, 73.0%, 92.7%

HSV

131.1, 10.8%, 98.0%

CMYK

10.8%, 0.0%, 8.8%, 2.0%

OKLCH

0.9596 0.0406 150.8

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DFFAE4

#FADFF5

Analogous

#E7FADF

#DFFAF1

#DFFAE4

Triadic

#DFFAE4

#E4DFFA

#FAE4DF

Split Complementary

#DFFAE4

#F1DFFA

#FADFE7

Tetradic

#DFFAE4

#DFE7FA

#FADFF5

#FAF1DF

Color Blindness Simulation

Original

#DFFAE4

Protanopia

#EBEBE9

Deuteranopia

#E9E7EB

Tritanopia

#E0EEEE

Achromatopsia

#F3F3F3

CSS Usage

background-color: #DFFAE4;
color: #DFFAE4;
border-color: #DFFAE4;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F3FCF4
100
#E2F8E6
200
#C1F5CB
300
#95EEA6
400
#5CE675
500
#22DD45
600
#1CB037
700
#168D2C
800
#116E22
900
#11501C
950
#0A3312

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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