#FCC4BA

#FCC4BA

Color Values

HEX

#FCC4BA

RGB

252, 196, 186

HSL

9,1, 91,7%, 85,9%

HSV

9,1, 26,2%, 98,8%

CMYK

0,0%, 22,2%, 26,2%, 1,2%

OKLCH

0,8676 0,066 30,1

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FCC4BA

#BAF2FC

Analogous

#FCBAD1

#FCE5BA

#FCC4BA

Triadic

#FCC4BA

#BAFCC4

#C4BAFC

Split Complementary

#FCC4BA

#BAFCE5

#BAD1FC

Tetradic

#FCC4BA

#D1FCBA

#BAF2FC

#E5BAFC

Color Blindness Simulation

Original

#FCC4BA

Protanopia

#E4E3BC

Deuteranopia

#E7EBBD

Tritanopia

#F9BEBF

Achromatopsia

#CFCFCF

CSS Usage

background-color: #FCC4BA;
color: #FCC4BA;
border-color: #FCC4BA;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FCC4BB
300
#FA9B8A
400
#F7644A
500
#F42E0B
600
#C42508
700
#9C1D07
800
#7A1705
900
#581508
950
#380D05

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,74: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