#FDB2F1

#FDB2F1

Color Values

HEX

#FDB2F1

RGB

253, 178, 241

HSL

309.6, 94.9%, 84.5%

HSV

309.6, 29.6%, 99.2%

CMYK

0.0%, 29.6%, 4.7%, 0.8%

OKLCH

0.8536 0.118 332.3

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDB2F1

#B2FDBE

Analogous

#E3B2FD

#FDB2CB

#FDB2F1

Triadic

#FDB2F1

#F1FDB2

#B2F1FD

Split Complementary

#FDB2F1

#CBFDB2

#B2FDE3

Tetradic

#FDB2F1

#FDE3B2

#B2FDBE

#B2CBFD

Color Blindness Simulation

Original

#FDB2F1

Protanopia

#DDDCE2

Deuteranopia

#E1E6DE

Tritanopia

#F9D6D3

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDFF7
200
#FDB9F2
300
#FC88E9
400
#FA47DE
500
#F807D2
600
#C705A8
700
#9F0486
800
#7C0369
900
#5A074D
950
#390430

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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