#FEC7DC

#FEC7DC

Color Values

HEX

#FEC7DC

RGB

254, 199, 220

HSL

337.1, 96.5%, 88.8%

HSV

337.1, 21.7%, 99.6%

CMYK

0.0%, 21.7%, 13.4%, 0.4%

OKLCH

0.8841 0.0678 353.8

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FEC7DC

#C7FEE9

Analogous

#FEC7F7

#FECDC7

#FEC7DC

Triadic

#FEC7DC

#DCFEC7

#C7DCFE

Split Complementary

#FEC7DC

#C7FECD

#C7F7FE

Tetradic

#FEC7DC

#F7FEC7

#C7FEE9

#CDC7FE

Color Blindness Simulation

Original

#FEC7DC

Protanopia

#E6E6D7

Deuteranopia

#E9EDD6

Tritanopia

#FBD3D2

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FEB9D3
300
#FD87B4
400
#FC468B
500
#FB0462
600
#C8044F
700
#A0033F
800
#7D0231
900
#5B0626
950
#390418

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026