#FDEEF2

#FDEEF2

Color Values

HEX

#FDEEF2

RGB

253, 238, 242

HSL

344.0, 78.9%, 96.3%

HSV

344.0, 5.9%, 99.2%

CMYK

0.0%, 5.9%, 4.3%, 0.8%

OKLCH

0.9621 0.017 359.3

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDEEF2

#EEFDF9

Analogous

#FDEEFA

#FDF2EE

#FDEEF2

Triadic

#FDEEF2

#F2FDEE

#EEF2FD

Split Complementary

#FDEEF2

#EEFDF2

#EEFAFD

Tetradic

#FDEEF2

#FAFDEE

#EEFDF9

#F2EEFD

Color Blindness Simulation

Original

#FDEEF2

Protanopia

#F7F6F1

Deuteranopia

#F7F8F1

Tritanopia

#FCF0F0

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FDEEF2;
color: #FDEEF2;
border-color: #FDEEF2;
Nearest Tailwind: Rose 50 #FFF1F2

Tailwind Shades

50
#FCF2F5
100
#F9E1E8
200
#F7BFCE
300
#F292AB
400
#EB567E
500
#E41B51
600
#B61640
700
#921134
800
#720D28
900
#530E20
950
#340914

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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