#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

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