#FCC7D4

#FCC7D4

Color Values

HEX

#FCC7D4

RGB

252, 199, 212

HSL

345.3, 89.8%, 88.4%

HSV

345.3, 21.0%, 98.8%

CMYK

0.0%, 21.0%, 15.9%, 1.2%

OKLCH

0.8799 0.0624 2.1

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FCC7D4

#C7FCEF

Analogous

#FCC7EE

#FCD4C7

#FCC7D4

Triadic

#FCC7D4

#D4FCC7

#C7D4FC

Split Complementary

#FCC7D4

#C7FCD4

#C7EEFC

Tetradic

#FCC7D4

#EEFCC7

#C7FCEF

#D4C7FC

Color Blindness Simulation

Original

#FCC7D4

Protanopia

#E5E5D1

Deuteranopia

#E8ECD0

Tritanopia

#F9CECE

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E6
200
#FBBBCB
300
#F98BA6
400
#F54C75
500
#F20D45
600
#C20A37
700
#9B082C
800
#790723
900
#58091C
950
#370612

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

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