#FCACA2

#FCACA2

Color Values

HEX

#FCACA2

RGB

252, 172, 162

HSL

6.7, 93.8%, 81.2%

HSV

6.7, 35.7%, 98.8%

CMYK

0.0%, 31.7%, 35.7%, 1.2%

OKLCH

0.819 0.096 27.2

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FCACA2

#A2F2FC

Analogous

#FCA2C5

#FCD9A2

#FCACA2

Triadic

#FCACA2

#A2FCAC

#ACA2FC

Split Complementary

#FCACA2

#A2FCD9

#A2C5FC

Tetradic

#FCACA2

#C5FCA2

#A2F2FC

#D9A2FC

Color Blindness Simulation

Original

#FCACA2

Protanopia

#D9D9A4

Deuteranopia

#DEE4A5

Tritanopia

#F8A6A7

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FDC1BA
300
#FB9588
400
#F95C48
500
#F72308
600
#C61C06
700
#9E1605
800
#7C1104
900
#591108
950
#380B05

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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