#FDC4FB

#FDC4FB

Color Values

HEX

#FDC4FB

RGB

253, 196, 251

HSL

302.1, 93.4%, 88.0%

HSV

302.1, 22.5%, 99.2%

CMYK

0.0%, 22.5%, 0.8%, 0.8%

OKLCH

0.8878 0.096 327.5

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDC4FB

#C4FDC6

Analogous

#E2C4FD

#FDC4DE

#FDC4FB

Triadic

#FDC4FB

#FBFDC4

#C4FBFD

Split Complementary

#FDC4FB

#DEFDC4

#C4FDE2

Tetradic

#FDC4FB

#FDE2C4

#C4FDC6

#C4DEFD

Color Blindness Simulation

Original

#FDC4FB

Protanopia

#E4E4EE

Deuteranopia

#E8ECEA

Tritanopia

#FAE3E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAFA
300
#FB89F7
400
#F949F3
500
#F708EE
600
#C507BF
700
#9E0598
800
#7B0477
900
#590856
950
#380537

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.47:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026