#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

Янв 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Янв 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Янв 15, 2026