#FEC7CC

#FEC7CC

Color Values

HEX

#FEC7CC

RGB

254, 199, 204

HSL

354.5, 96.5%, 88.8%

HSV

354.5, 21.7%, 99.6%

CMYK

0.0%, 21.7%, 19.7%, 0.4%

OKLCH

0.8796 0.063 12.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FEC7CC

#C7FEF9

Analogous

#FEC7E7

#FEDDC7

#FEC7CC

Triadic

#FEC7CC

#CCFEC7

#C7CCFE

Split Complementary

#FEC7CC

#C7FEDD

#C7E7FE

Tetradic

#FEC7CC

#E7FEC7

#C7FEF9

#DDC7FE

Color Blindness Simulation

Original

#FEC7CC

Protanopia

#E6E6CB

Deuteranopia

#E9EDCA

Tritanopia

#FBCACA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FEC7CC;
color: #FEC7CC;
border-color: #FEC7CC;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FEF1F2
100
#FCDFE1
200
#FEB9BF
300
#FD8792
400
#FC4656
500
#FB041B
600
#C80416
700
#A00311
800
#7D020E
900
#5B060E
950
#390409

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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