#FEF2F8

#FEF2F8

Color Values

HEX

#FEF2F8

RGB

254, 242, 248

HSL

330.0, 85.7%, 97.3%

HSV

330.0, 4.7%, 99.6%

CMYK

0.0%, 4.7%, 2.4%, 0.4%

OKLCH

0.9722 0.0151 345.5

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FEF2F8

#F2FEF8

Analogous

#FEF2FE

#FEF2F2

#FEF2F8

Triadic

#FEF2F8

#F8FEF2

#F2F8FE

Split Complementary

#FEF2F8

#F2FEF2

#F2FEFE

Tetradic

#FEF2F8

#FEFEF2

#F2FEF8

#F2F2FE

Color Blindness Simulation

Original

#FEF2F8

Protanopia

#F9F9F7

Deuteranopia

#FAFAF6

Tritanopia

#FDF5F5

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FEF2F8;
color: #FEF2F8;
border-color: #FEF2F8;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDB
300
#F68DC2
400
#F250A1
500
#ED1280
600
#BD0F66
700
#980C52
800
#760940
900
#560B30
950
#36071F

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026