#FDC4F8

#FDC4F8

Color Values

HEX

#FDC4F8

RGB

253, 196, 248

HSL

305.3, 93.4%, 88.0%

HSV

305.3, 22.5%, 99.2%

CMYK

0.0%, 22.5%, 2.0%, 0.8%

OKLCH

0.8868 0.0932 329.3

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDC4F8

#C4FDC9

Analogous

#E5C4FD

#FDC4DB

#FDC4F8

Triadic

#FDC4F8

#F8FDC4

#C4F8FD

Split Complementary

#FDC4F8

#DBFDC4

#C4FDE5

Tetradic

#FDC4F8

#FDE5C4

#C4FDC9

#C4DBFD

Color Blindness Simulation

Original

#FDC4F8

Protanopia

#E4E4EB

Deuteranopia

#E8ECE8

Tritanopia

#FAE1DF

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF7
300
#FB89F1
400
#F949E9
500
#F708E2
600
#C507B4
700
#9E0590
800
#7B0471
900
#590852
950
#380534

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026