#FCE4F0

#FCE4F0

Color Values

HEX

#FCE4F0

RGB

252, 228, 240

HSL

330.0, 80.0%, 94.1%

HSV

330.0, 9.5%, 98.8%

CMYK

0.0%, 9.5%, 4.8%, 1.2%

OKLCH

0.9417 0.0305 346.0

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FCE4F0

#E4FCF0

Analogous

#FCE4FC

#FCE4E4

#FCE4F0

Triadic

#FCE4F0

#F0FCE4

#E4F0FC

Split Complementary

#FCE4F0

#E4FCE4

#E4FCFC

Tetradic

#FCE4F0

#FCFCE4

#E4FCF0

#E4E4FC

Color Blindness Simulation

Original

#FCE4F0

Protanopia

#F2F1ED

Deuteranopia

#F3F5EC

Tritanopia

#FBEBEA

Achromatopsia

#EAEAEA

CSS Usage

background-color: #FCE4F0;
color: #FCE4F0;
border-color: #FCE4F0;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDB
300
#F391C2
400
#EC55A1
500
#E61980
600
#B81466
700
#931052
800
#730D40
900
#530E30
950
#35091F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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