#FFE2DF

#FFE2DF

Color Values

HEX

#FFE2DF

RGB

255, 226, 223

HSL

5.6, 100.0%, 93.7%

HSV

5.6, 12.5%, 100.0%

CMYK

0.0%, 11.4%, 12.5%, 0.0%

OKLCH

0.9357 0.0324 24.8

Properties

Warm Light Nearest: mistyrose

Color Harmonies

Complementary

#FFE2DF

#DFFCFF

Analogous

#FFDFEC

#FFF2DF

#FFE2DF

Triadic

#FFE2DF

#DFFFE2

#E2DFFF

Split Complementary

#FFE2DF

#DFFFF2

#DFECFF

Tetradic

#FFE2DF

#ECFFDF

#DFFCFF

#F2DFFF

Color Blindness Simulation

Original

#FFE2DF

Protanopia

#F2F2E0

Deuteranopia

#F4F6E0

Tritanopia

#FEE0E0

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FFBEB8
300
#FF9085
400
#FF5442
500
#FF1800
600
#CC1300
700
#A30F00
800
#800C00
900
#5C0D05
950
#3A0803

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026