#FDE2DF

#FDE2DF

Color Values

HEX

#FDE2DF

RGB

253, 226, 223

HSL

6,0, 88,2%, 93,3%

HSV

6,0, 11,9%, 99,2%

CMYK

0,0%, 10,7%, 11,9%, 0,8%

OKLCH

0,934 0,0301 25,3

Properties

Warm Light Nearest: mistyrose

Color Harmonies

Complementary

#FDE2DF

#DFFAFD

Analogous

#FDDFEB

#FDF1DF

#FDE2DF

Triadic

#FDE2DF

#DFFDE2

#E2DFFD

Split Complementary

#FDE2DF

#DFFDF1

#DFEBFD

Tetradic

#FDE2DF

#EBFDDF

#DFFAFD

#F1DFFD

Color Blindness Simulation

Original

#FDE2DF

Protanopia

#F1F1E0

Deuteranopia

#F3F5E0

Tritanopia

#FCE0E0

Achromatopsia

#E8E8E8

CSS Usage

background-color: #FDE2DF;
color: #FDE2DF;
border-color: #FDE2DF;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FDF3F2
100
#FBE2E0
200
#FBC2BC
300
#F8978C
400
#F45E4D
500
#F0260F
600
#C01E0C
700
#9A180A
800
#781308
900
#57120A
950
#370B06

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,12: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