#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026