#FCC8C1

#FCC8C1

Color Values

HEX

#FCC8C1

RGB

252, 200, 193

HSL

7.1, 90.8%, 87.3%

HSV

7.1, 23.4%, 98.8%

CMYK

0.0%, 20.6%, 23.4%, 1.2%

OKLCH

0.8766 0.0604 27.2

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FCC8C1

#C1F5FC

Analogous

#FCC1D8

#FCE6C1

#FCC8C1

Triadic

#FCC8C1

#C1FCC8

#C8C1FC

Split Complementary

#FCC8C1

#C1FCE6

#C1D8FC

Tetradic

#FCC8C1

#D8FCC1

#C1F5FC

#E6C1FC

Color Blindness Simulation

Original

#FCC8C1

Protanopia

#E5E5C3

Deuteranopia

#E8ECC3

Tritanopia

#F9C4C4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FCC3BB
300
#F9978A
400
#F65F4B
500
#F3270C
600
#C31F09
700
#9C1908
800
#7A1406
900
#581209
950
#380C06

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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