#FEF4F8

#FEF4F8

Color Values

HEX

#FEF4F8

RGB

254, 244, 248

HSL

336.0, 83.3%, 97.6%

HSV

336.0, 3.9%, 99.6%

CMYK

0.0%, 3.9%, 2.4%, 0.4%

OKLCH

0.976 0.0119 351.0

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FEF4F8

#F4FEFA

Analogous

#FEF4FD

#FEF5F4

#FEF4F8

Triadic

#FEF4F8

#F8FEF4

#F4F8FE

Split Complementary

#FEF4F8

#F4FEF5

#F4FDFE

Tetradic

#FEF4F8

#FDFEF4

#F4FEFA

#F5F4FE

Color Blindness Simulation

Original

#FEF4F8

Protanopia

#FAFAF7

Deuteranopia

#FAFBF7

Tritanopia

#FDF6F6

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED5
300
#F58FB8
400
#EF5291
500
#EA156A
600
#BB1155
700
#960E44
800
#750B35
900
#550C29
950
#36081A

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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