#FCAFAF

#FCAFAF

Color Values

HEX

#FCAFAF

RGB

252, 175, 175

HSL

0.0, 92.8%, 83.7%

HSV

0.0, 30.6%, 98.8%

CMYK

0.0%, 30.6%, 30.6%, 1.2%

OKLCH

0.8273 0.0906 19.2

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FCAFAF

#AFFCFC

Analogous

#FCAFD5

#FCD5AF

#FCAFAF

Triadic

#FCAFAF

#AFFCAF

#AFAFFC

Split Complementary

#FCAFAF

#AFFCD5

#AFD5FC

Tetradic

#FCAFAF

#D5FCAF

#AFFCFC

#D5AFFC

Color Blindness Simulation

Original

#FCAFAF

Protanopia

#DBDAAF

Deuteranopia

#DFE5AF

Tritanopia

#F8AFAF

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBABA
300
#FB8989
400
#F84949
500
#F60909
600
#C50707
700
#9D0606
800
#7B0505
900
#590808
950
#380505

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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