#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026