#FCBACF

#FCBACF

Color Values

HEX

#FCBACF

RGB

252, 186, 207

HSL

340,9, 91,7%, 85,9%

HSV

340,9, 26,2%, 98,8%

CMYK

0,0%, 26,2%, 17,9%, 1,2%

OKLCH

0,8553 0,0804 358,1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FCBACF

#BAFCE7

Analogous

#FCBAF0

#FCC6BA

#FCBACF

Triadic

#FCBACF

#CFFCBA

#BACFFC

Split Complementary

#FCBACF

#BAFCC6

#BAF0FC

Tetradic

#FCBACF

#F0FCBA

#BAFCE7

#C6BAFC

Color Blindness Simulation

Original

#FCBACF

Protanopia

#DFDFCA

Deuteranopia

#E3E8C9

Tritanopia

#F9C6C5

Achromatopsia

#CACACA

CSS Usage

background-color: #FCBACF;
color: #FCBACF;
border-color: #FCBACF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FCBBCF
300
#FA8AAD
400
#F74A81
500
#F40B55
600
#C40844
700
#9C0736
800
#7A052B
900
#580822
950
#380515

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

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