#FFBCDA

#FFBCDA

Color Values

HEX

#FFBCDA

RGB

255, 188, 218

HSL

333,1, 100,0%, 86,9%

HSV

333,1, 26,3%, 100,0%

CMYK

0,0%, 26,3%, 14,5%, 0,0%

OKLCH

0,865 0,0856 350,5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FFBCDA

#BCFFE1

Analogous

#FFBCFC

#FFC0BC

#FFBCDA

Triadic

#FFBCDA

#DAFFBC

#BCDAFF

Split Complementary

#FFBCDA

#BCFFC0

#BCFCFF

Tetradic

#FFBCDA

#FCFFBC

#BCFFE1

#C0BCFF

Color Blindness Simulation

Original

#FFBCDA

Protanopia

#E2E1D3

Deuteranopia

#E6EBD1

Tritanopia

#FCCDCC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FFB8D8
300
#FF85BB
400
#FF4297
500
#FF0072
600
#CC005B
700
#A30049
800
#800039
900
#5C052C
950
#3A031C

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

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