#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026