#FCCBC5

#FCCBC5

Color Values

HEX

#FCCBC5

RGB

252, 203, 197

HSL

6.5, 90.2%, 88.0%

HSV

6.5, 21.8%, 98.8%

CMYK

0.0%, 19.4%, 21.8%, 1.2%

OKLCH

0.8832 0.0565 26.4

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FCCBC5

#C5F6FC

Analogous

#FCC5DA

#FCE6C5

#FCCBC5

Triadic

#FCCBC5

#C5FCCB

#CBC5FC

Split Complementary

#FCCBC5

#C5FCE6

#C5DAFC

Tetradic

#FCCBC5

#DAFCC5

#C5F6FC

#E6C5FC

Color Blindness Simulation

Original

#FCCBC5

Protanopia

#E7E6C6

Deuteranopia

#EAEDC7

Tritanopia

#FAC8C8

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC2BB
300
#F9978B
400
#F65E4C
500
#F3250C
600
#C21E0A
700
#9B1808
800
#791306
900
#581209
950
#370B06

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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