#FCE3F8

#FCE3F8

Color Values

HEX

#FCE3F8

RGB

252, 227, 248

HSL

309.6, 80.6%, 93.9%

HSV

309.6, 9.9%, 98.8%

CMYK

0.0%, 9.9%, 1.6%, 1.2%

OKLCH

0.9421 0.0387 331.1

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FCE3F8

#E3FCE7

Analogous

#F3E3FC

#FCE3EB

#FCE3F8

Triadic

#FCE3F8

#F8FCE3

#E3F8FC

Split Complementary

#FCE3F8

#EBFCE3

#E3FCF3

Tetradic

#FCE3F8

#FCF3E3

#E3FCE7

#E3EBFC

Color Blindness Simulation

Original

#FCE3F8

Protanopia

#F1F1F3

Deuteranopia

#F3F4F2

Tritanopia

#FBEFEE

Achromatopsia

#EAEAEA

CSS Usage

background-color: #FCE3F8;
color: #FCE3F8;
border-color: #FCE3F8;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FDF2FB
100
#F9E1F5
200
#F8BFEF
300
#F390E3
400
#ED55D4
500
#E619C5
600
#B8149E
700
#93107E
800
#730C63
900
#540D48
950
#35082E

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026