#FCBDF7

#FCBDF7

Color Values

HEX

#FCBDF7

RGB

252, 189, 247

HSL

304,8, 91,3%, 86,5%

HSV

304,8, 25,0%, 98,8%

CMYK

0,0%, 25,0%, 2,0%, 1,2%

OKLCH

0,8734 0,1037 329,1

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCBDF7

#BDFCC2

Analogous

#E2BDFC

#FCBDD8

#FCBDF7

Triadic

#FCBDF7

#F7FCBD

#BDF7FC

Split Complementary

#FCBDF7

#D8FCBD

#BDFCE2

Tetradic

#FCBDF7

#FCE2BD

#BDFCC2

#BDD8FC

Color Blindness Simulation

Original

#FCBDF7

Protanopia

#E1E0E9

Deuteranopia

#E4E9E6

Tritanopia

#F9DEDB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBBF7
300
#FA8AF1
400
#F74BE9
500
#F40BE1
600
#C309B4
700
#9C0790
800
#7A0671
900
#580952
950
#380534

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,76:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026