#FDB1FC

#FDB1FC

Color Values

HEX

#FDB1FC

RGB

253, 177, 252

HSL

300.8, 95.0%, 84.3%

HSV

300.8, 30.0%, 99.2%

CMYK

0.0%, 30.0%, 0.4%, 0.8%

OKLCH

0.856 0.1299 327.1

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDB1FC

#B1FDB2

Analogous

#D8B1FD

#FDB1D6

#FDB1FC

Triadic

#FDB1FC

#FCFDB1

#B1FCFD

Split Complementary

#FDB1FC

#D6FDB1

#B1FDD8

Tetradic

#FDB1FC

#FDD8B1

#B1FDB2

#B1D6FD

Color Blindness Simulation

Original

#FDB1FC

Protanopia

#DCDBEA

Deuteranopia

#E0E6E5

Tritanopia

#F9DCD8

Achromatopsia

#C7C7C7

CSS Usage

background-color: #FDB1FC;
color: #FDB1FC;
border-color: #FDB1FC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDB9FC
300
#FC88FA
400
#FA47F8
500
#F906F5
600
#C705C4
700
#9F049D
800
#7C037B
900
#5A0759
950
#390438

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.87: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