#FCACA3

#FCACA3

Color Values

HEX

#FCACA3

RGB

252, 172, 163

HSL

6.1, 93.7%, 81.4%

HSV

6.1, 35.3%, 98.8%

CMYK

0.0%, 31.7%, 35.3%, 1.2%

OKLCH

0.8192 0.0957 26.4

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FCACA3

#A3F3FC

Analogous

#FCA3C7

#FCD9A3

#FCACA3

Triadic

#FCACA3

#A3FCAC

#ACA3FC

Split Complementary

#FCACA3

#A3FCD9

#A3C7FC

Tetradic

#FCACA3

#C7FCA3

#A3F3FC

#D9A3FC

Color Blindness Simulation

Original

#FCACA3

Protanopia

#D9D9A5

Deuteranopia

#DEE4A6

Tritanopia

#F8A7A7

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE2DF
200
#FDC1BA
300
#FB9488
400
#F95A48
500
#F72008
600
#C61A06
700
#9E1505
800
#7B1004
900
#591008
950
#380A05

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026