#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026