#FEC7D8

#FEC7D8

Color Values

HEX

#FEC7D8

RGB

254, 199, 216

HSL

341.5, 96.5%, 88.8%

HSV

341.5, 21.7%, 99.6%

CMYK

0.0%, 21.7%, 15.0%, 0.4%

OKLCH

0.883 0.066 358.2

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FEC7D8

#C7FEED

Analogous

#FEC7F3

#FED1C7

#FEC7D8

Triadic

#FEC7D8

#D8FEC7

#C7D8FE

Split Complementary

#FEC7D8

#C7FED1

#C7F3FE

Tetradic

#FEC7D8

#F3FEC7

#C7FEED

#D1C7FE

Color Blindness Simulation

Original

#FEC7D8

Protanopia

#E6E6D4

Deuteranopia

#E9EDD3

Tritanopia

#FBD1D0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDFE8
200
#FEB9CE
300
#FD87AB
400
#FC467E
500
#FB0450
600
#C80440
700
#A00333
800
#7D0228
900
#5B0620
950
#390414

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026