#FCBDF0

#FCBDF0

Color Values

HEX

#FCBDF0

RGB

252, 189, 240

HSL

311,4, 91,3%, 86,5%

HSV

311,4, 25,0%, 98,8%

CMYK

0,0%, 25,0%, 4,8%, 1,2%

OKLCH

0,8709 0,0973 333,2

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#FCBDF0

#BDFCC9

Analogous

#E9BDFC

#FCBDD1

#FCBDF0

Triadic

#FCBDF0

#F0FCBD

#BDF0FC

Split Complementary

#FCBDF0

#D1FCBD

#BDFCE9

Tetradic

#FCBDF0

#FCE9BD

#BDFCC9

#BDD1FC

Color Blindness Simulation

Original

#FCBDF0

Protanopia

#E1E0E4

Deuteranopia

#E4E9E1

Tritanopia

#F9DAD8

Achromatopsia

#CECECE

CSS Usage

background-color: #FCBDF0;
color: #FCBDF0;
border-color: #FCBDF0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBF0
300
#FA8AE4
400
#F74BD6
500
#F40BC8
600
#C309A0
700
#9C0780
800
#7A0664
900
#580949
950
#38052E

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

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