#DFFDC3

#DFFDC3

Color Values

HEX

#DFFDC3

RGB

223, 253, 195

HSL

91,0, 93,5%, 87,8%

HSV

91,0, 22,9%, 99,2%

CMYK

11,9%, 0,0%, 22,9%, 0,8%

OKLCH

0,958 0,0819 130,1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DFFDC3

#E1C3FD

Analogous

#FCFDC3

#C3FDC4

#DFFDC3

Triadic

#DFFDC3

#C3DFFD

#FDC3DF

Split Complementary

#DFFDC3

#C4C3FD

#FDC3FC

Tetradic

#DFFDC3

#C3FCFD

#E1C3FD

#FDC4C3

Color Blindness Simulation

Original

#DFFDC3

Protanopia

#ECECD1

Deuteranopia

#EAE8D4

Tritanopia

#E0DCDF

Achromatopsia

#F2F2F2

CSS Usage

background-color: #DFFDC3;
color: #DFFDC3;
border-color: #DFFDC3;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DAFDBA
300
#C0FB89
400
#9EF948
500
#7CF708
600
#63C507
700
#4F9E05
800
#3E7B04
900
#2F5908
950
#1E3805

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,98:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026