#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026