#FDCAFB

#FDCAFB

Color Values

HEX

#FDCAFB

RGB

253, 202, 251

HSL

302.4, 92.7%, 89.2%

HSV

302.4, 20.2%, 99.2%

CMYK

0.0%, 20.2%, 0.8%, 0.8%

OKLCH

0.8984 0.0856 327.5

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDCAFB

#CAFDCC

Analogous

#E6CAFD

#FDCAE1

#FDCAFB

Triadic

#FDCAFB

#FBFDCA

#CAFBFD

Split Complementary

#FDCAFB

#E1FDCA

#CAFDE6

Tetradic

#FDCAFB

#FDE6CA

#CAFDCC

#CAE1FD

Color Blindness Simulation

Original

#FDCAFB

Protanopia

#E7E6EF

Deuteranopia

#EAEEEC

Tritanopia

#FAE6E4

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAFA
300
#FB89F6
400
#F849F1
500
#F609EC
600
#C507BD
700
#9D0697
800
#7B0576
900
#590856
950
#380536

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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