#FEC2E5

#FEC2E5

Color Values

HEX

#FEC2E5

RGB

254, 194, 229

HSL

325.0, 96.8%, 87.8%

HSV

325.0, 23.6%, 99.6%

CMYK

0.0%, 23.6%, 9.8%, 0.4%

OKLCH

0.878 0.0815 343.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FEC2E5

#C2FEDB

Analogous

#F9C2FE

#FEC2C7

#FEC2E5

Triadic

#FEC2E5

#E5FEC2

#C2E5FE

Split Complementary

#FEC2E5

#C7FEC2

#C2FEF9

Tetradic

#FEC2E5

#FEF9C2

#C2FEDB

#C2C7FE

Color Blindness Simulation

Original

#FEC2E5

Protanopia

#E4E3DD

Deuteranopia

#E8ECDA

Tritanopia

#FBD6D4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEF0
200
#FEB9E1
300
#FD87CC
400
#FC45B0
500
#FB0494
600
#C90376
700
#A1035F
800
#7D024A
900
#5B0637
950
#390423

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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