#FCA7AC

#FCA7AC

Color Values

HEX

#FCA7AC

RGB

252, 167, 172

HSL

356.5, 93.4%, 82.2%

HSV

356.5, 33.7%, 98.8%

CMYK

0.0%, 33.7%, 31.7%, 1.2%

OKLCH

0.8128 0.1008 15.7

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FCA7AC

#A7FCF7

Analogous

#FCA7D7

#FCCDA7

#FCA7AC

Triadic

#FCA7AC

#ACFCA7

#A7ACFC

Split Complementary

#FCA7AC

#A7FCCD

#A7D7FC

Tetradic

#FCA7AC

#D7FCA7

#A7FCF7

#CDA7FC

Color Blindness Simulation

Original

#FCA7AC

Protanopia

#D7D6AB

Deuteranopia

#DCE2AA

Tritanopia

#F8AAAA

Achromatopsia

#B9B9B9

CSS Usage

background-color: #FCA7AC;
color: #FCA7AC;
border-color: #FCA7AC;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABE
300
#FB898F
400
#F94953
500
#F70816
600
#C50712
700
#9E050E
800
#7B040B
900
#59080C
950
#380508

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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