#FDB0FC

#FDB0FC

Color Values

HEX

#FDB0FC

RGB

253, 176, 252

HSL

300.8, 95.1%, 84.1%

HSV

300.8, 30.4%, 99.2%

CMYK

0.0%, 30.4%, 0.4%, 0.8%

OKLCH

0.8544 0.1317 327.1

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDB0FC

#B0FDB1

Analogous

#D7B0FD

#FDB0D5

#FDB0FC

Triadic

#FDB0FC

#FCFDB0

#B0FCFD

Split Complementary

#FDB0FC

#D5FDB0

#B0FDD7

Tetradic

#FDB0FC

#FDD7B0

#B0FDB1

#B0D5FD

Color Blindness Simulation

Original

#FDB0FC

Protanopia

#DCDBEA

Deuteranopia

#E0E6E5

Tritanopia

#F9DBD8

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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