#FDBCF4

#FDBCF4

Color Values

HEX

#FDBCF4

RGB

253, 188, 244

HSL

308,3, 94,2%, 86,5%

HSV

308,3, 25,7%, 99,2%

CMYK

0,0%, 25,7%, 3,6%, 0,8%

OKLCH

0,8716 0,1034 331,3

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDBCF4

#BCFDC5

Analogous

#E6BCFD

#FDBCD4

#FDBCF4

Triadic

#FDBCF4

#F4FDBC

#BCF4FD

Split Complementary

#FDBCF4

#D4FDBC

#BCFDE6

Tetradic

#FDBCF4

#FDE6BC

#BCFDC5

#BCD4FD

Color Blindness Simulation

Original

#FDBCF4

Protanopia

#E1E0E6

Deuteranopia

#E5EAE3

Tritanopia

#FADCD9

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FDBAF4
300
#FB88EC
400
#FA48E1
500
#F807D6
600
#C606AC
700
#9E0589
800
#7C046B
900
#5A074E
950
#390531

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

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026