#FEEDF2

#FEEDF2

Color Values

HEX

#FEEDF2

RGB

254, 237, 242

HSL

342.4, 89.5%, 96.3%

HSV

342.4, 6.7%, 99.6%

CMYK

0.0%, 6.7%, 4.7%, 0.4%

OKLCH

0.961 0.0195 357.6

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FEEDF2

#EDFEF9

Analogous

#FEEDFB

#FEF1ED

#FEEDF2

Triadic

#FEEDF2

#F2FEED

#EDF2FE

Split Complementary

#FEEDF2

#EDFEF1

#EDFBFE

Tetradic

#FEEDF2

#FBFEED

#EDFEF9

#F1EDFE

Color Blindness Simulation

Original

#FEEDF2

Protanopia

#F7F6F1

Deuteranopia

#F8F9F0

Tritanopia

#FDF0F0

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FBE0E8
200
#FBBBCE
300
#F98BAB
400
#F54C7E
500
#F20D50
600
#C10B40
700
#9B0933
800
#790728
900
#570920
950
#370614

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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