#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