#FCBFD6

#FCBFD6

Color Values

HEX

#FCBFD6

RGB

252, 191, 214

HSL

337.4, 91.0%, 86.9%

HSV

337.4, 24.2%, 98.8%

CMYK

0.0%, 24.2%, 15.1%, 1.2%

OKLCH

0.8661 0.0755 354.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FCBFD6

#BFFCE5

Analogous

#FCBFF4

#FCC7BF

#FCBFD6

Triadic

#FCBFD6

#D6FCBF

#BFD6FC

Split Complementary

#FCBFD6

#BFFCC7

#BFF4FC

Tetradic

#FCBFD6

#F4FCBF

#BFFCE5

#C7BFFC

Color Blindness Simulation

Original

#FCBFD6

Protanopia

#E2E1D0

Deuteranopia

#E5EACF

Tritanopia

#F9CCCB

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBBD3
300
#F98AB4
400
#F74B8B
500
#F40B63
600
#C3094F
700
#9C073F
800
#7A0631
900
#580927
950
#380618

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026