#FEC7CD

#FEC7CD

Color Values

HEX

#FEC7CD

RGB

254, 199, 205

HSL

353,5, 96,5%, 88,8%

HSV

353,5, 21,7%, 99,6%

CMYK

0,0%, 21,7%, 19,3%, 0,4%

OKLCH

0,8799 0,0631 11,1

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FEC7CD

#C7FEF8

Analogous

#FEC7E8

#FEDCC7

#FEC7CD

Triadic

#FEC7CD

#CDFEC7

#C7CDFE

Split Complementary

#FEC7CD

#C7FEDC

#C7E8FE

Tetradic

#FEC7CD

#E8FEC7

#C7FEF8

#DCC7FE

Color Blindness Simulation

Original

#FEC7CD

Protanopia

#E6E6CC

Deuteranopia

#E9EDCB

Tritanopia

#FBCACA

Achromatopsia

#D3D3D3

CSS Usage

background-color: #FEC7CD;
color: #FEC7CD;
border-color: #FEC7CD;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FEF1F2
100
#FCDFE2
200
#FEB9C0
300
#FD8794
400
#FC4659
500
#FB041F
600
#C80419
700
#A00314
800
#7D0210
900
#5B060F
950
#39040A

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,27: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