#FCBCDF

#FCBCDF

Color Values

HEX

#FCBCDF

RGB

252, 188, 223

HSL

327.2, 91.4%, 86.3%

HSV

327.2, 25.4%, 98.8%

CMYK

0.0%, 25.4%, 11.5%, 1.2%

OKLCH

0.8636 0.0857 345.1

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FCBCDF

#BCFCD9

Analogous

#F9BCFC

#FCBCBF

#FCBCDF

Triadic

#FCBCDF

#DFFCBC

#BCDFFC

Split Complementary

#FCBCDF

#BFFCBC

#BCFCF9

Tetradic

#FCBCDF

#FCF9BC

#BCFCD9

#BCBFFC

Color Blindness Simulation

Original

#FCBCDF

Protanopia

#E0E0D7

Deuteranopia

#E4E9D4

Tritanopia

#F9D0CE

Achromatopsia

#CCCCCC

CSS Usage

background-color: #FCBCDF;
color: #FCBCDF;
border-color: #FCBCDF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#FA8AC7
400
#F74AA9
500
#F40B8A
600
#C3096F
700
#9C0759
800
#7A0545
900
#580934
950
#380521

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026