#FEF2FC

#FEF2FC

Color Values

HEX

#FEF2FC

RGB

254, 242, 252

HSL

310,0, 85,7%, 97,3%

HSV

310,0, 4,7%, 99,6%

CMYK

0,0%, 4,7%, 0,8%, 0,4%

OKLCH

0,9734 0,0183 331,1

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FEF2FC

#F2FEF4

Analogous

#FAF2FE

#FEF2F6

#FEF2FC

Triadic

#FEF2FC

#FCFEF2

#F2FCFE

Split Complementary

#FEF2FC

#F6FEF2

#F2FEFA

Tetradic

#FEF2FC

#FEFAF2

#F2FEF4

#F2F6FE

Color Blindness Simulation

Original

#FEF2FC

Protanopia

#F9F9FA

Deuteranopia

#FAFAF9

Tritanopia

#FDF8F7

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FEF2FC;
color: #FEF2FC;
border-color: #FEF2FC;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF0
300
#F68DE5
400
#F250D7
500
#ED12C8
600
#BD0FA0
700
#980C80
800
#760964
900
#560B49
950
#36072E

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026