#FCEAF4

#FCEAF4

Color Values

HEX

#FCEAF4

RGB

252, 234, 244

HSL

326,7, 75,0%, 95,3%

HSV

326,7, 7,1%, 98,8%

CMYK

0,0%, 7,1%, 3,2%, 1,2%

OKLCH

0,9542 0,0234 342,9

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FCEAF4

#EAFCF2

Analogous

#FBEAFC

#FCEAEB

#FCEAF4

Triadic

#FCEAF4

#F4FCEA

#EAF4FC

Split Complementary

#FCEAF4

#EBFCEA

#EAFCFB

Tetradic

#FCEAF4

#FCFBEA

#EAFCF2

#EAEBFC

Color Blindness Simulation

Original

#FCEAF4

Protanopia

#F4F4F2

Deuteranopia

#F5F7F1

Tritanopia

#FBF0EF

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F6C1DE
300
#F094C7
400
#E75AA8
500
#DF208A
600
#B3196E
700
#8F1458
800
#701045
900
#511034
950
#330A21

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,21:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026