#FDB2F9

#FDB2F9

Color Values

HEX

#FDB2F9

RGB

253, 178, 249

HSL

303.2, 94.9%, 84.5%

HSV

303.2, 29.6%, 99.2%

CMYK

0.0%, 29.6%, 1.6%, 0.8%

OKLCH

0.8565 0.1254 328.4

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDB2F9

#B2FDB6

Analogous

#DBB2FD

#FDB2D3

#FDB2F9

Triadic

#FDB2F9

#F9FDB2

#B2F9FD

Split Complementary

#FDB2F9

#D3FDB2

#B2FDDB

Tetradic

#FDB2F9

#FDDBB2

#B2FDB6

#B2D3FD

Color Blindness Simulation

Original

#FDB2F9

Protanopia

#DDDCE8

Deuteranopia

#E1E6E4

Tritanopia

#F9DAD7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9FA
300
#FC88F6
400
#FA47F1
500
#F807EC
600
#C705BC
700
#9F0497
800
#7C0376
900
#5A0755
950
#390436

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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