#FCBDF6

#FCBDF6

Color Values

HEX

#FCBDF6

RGB

252, 189, 246

HSL

305.7, 91.3%, 86.5%

HSV

305.7, 25.0%, 98.8%

CMYK

0.0%, 25.0%, 2.4%, 1.2%

OKLCH

0.873 0.1027 329.6

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCBDF6

#BDFCC3

Analogous

#E3BDFC

#FCBDD7

#FCBDF6

Triadic

#FCBDF6

#F6FCBD

#BDF6FC

Split Complementary

#FCBDF6

#D7FCBD

#BDFCE3

Tetradic

#FCBDF6

#FCE3BD

#BDFCC3

#BDD7FC

Color Blindness Simulation

Original

#FCBDF6

Protanopia

#E1E0E8

Deuteranopia

#E4E9E5

Tritanopia

#F9DDDB

Achromatopsia

#CFCFCF

CSS Usage

background-color: #FCBDF6;
color: #FCBDF6;
border-color: #FCBDF6;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF6
300
#FA8AEF
400
#F74BE6
500
#F40BDE
600
#C309B1
700
#9C078E
800
#7A066F
900
#580951
950
#380533

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.75: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