#FEC7E3

#FEC7E3

Color Values

HEX

#FEC7E3

RGB

254, 199, 227

HSL

329.5, 96.5%, 88.8%

HSV

329.5, 21.7%, 99.6%

CMYK

0.0%, 21.7%, 10.6%, 0.4%

OKLCH

0.8862 0.0718 346.7

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FEC7E3

#C7FEE2

Analogous

#FEC7FE

#FEC7C7

#FEC7E3

Triadic

#FEC7E3

#E3FEC7

#C7E3FE

Split Complementary

#FEC7E3

#C7FEC7

#C7FEFE

Tetradic

#FEC7E3

#FEFEC7

#C7FEE2

#C7C7FE

Color Blindness Simulation

Original

#FEC7E3

Protanopia

#E6E6DC

Deuteranopia

#E9EDDB

Tritanopia

#FBD7D6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #FEC7E3;
color: #FEC7E3;
border-color: #FEC7E3;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FEB9DC
300
#FD87C3
400
#FC46A2
500
#FB0482
600
#C80468
700
#A00353
800
#7D0241
900
#5B0631
950
#39041F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.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