#FCC3BD

#FCC3BD

Color Values

HEX

#FCC3BD

RGB

252, 195, 189

HSL

5.7, 91.3%, 86.5%

HSV

5.7, 25.0%, 98.8%

CMYK

0.0%, 22.6%, 25.0%, 1.2%

OKLCH

0.8665 0.0663 25.4

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FCC3BD

#BDF6FC

Analogous

#FCBDD7

#FCE3BD

#FCC3BD

Triadic

#FCC3BD

#BDFCC3

#C3BDFC

Split Complementary

#FCC3BD

#BDFCE3

#BDD7FC

Tetradic

#FCC3BD

#D7FCBD

#BDF6FC

#E3BDFC

Color Blindness Simulation

Original

#FCC3BD

Protanopia

#E3E3BE

Deuteranopia

#E7EBBF

Tritanopia

#F9C0C0

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC1BB
300
#FA958A
400
#F75B4B
500
#F4210B
600
#C31B09
700
#9C1507
800
#7A1106
900
#581009
950
#380A05

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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