#FCC4BD

#FCC4BD

Color Values

HEX

#FCC4BD

RGB

252, 196, 189

HSL

6.7, 91.3%, 86.5%

HSV

6.7, 25.0%, 98.8%

CMYK

0.0%, 22.2%, 25.0%, 1.2%

OKLCH

0.8683 0.0653 26.7

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FCC4BD

#BDF5FC

Analogous

#FCBDD6

#FCE4BD

#FCC4BD

Triadic

#FCC4BD

#BDFCC4

#C4BDFC

Split Complementary

#FCC4BD

#BDFCE4

#BDD6FC

Tetradic

#FCC4BD

#D6FCBD

#BDF5FC

#E4BDFC

Color Blindness Simulation

Original

#FCC4BD

Protanopia

#E4E3BF

Deuteranopia

#E7EBBF

Tritanopia

#F9C0C0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC2BB
300
#FA968A
400
#F75E4B
500
#F4250B
600
#C31E09
700
#9C1807
800
#7A1306
900
#581209
950
#380B05

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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