#FDB9F0

#FDB9F0

Color Values

HEX

#FDB9F0

RGB

253, 185, 240

HSL

311.5, 94.4%, 85.9%

HSV

311.5, 26.9%, 99.2%

CMYK

0.0%, 26.9%, 5.1%, 0.8%

OKLCH

0.8651 0.105 333.3

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#FDB9F0

#B9FDC6

Analogous

#E8B9FD

#FDB9CE

#FDB9F0

Triadic

#FDB9F0

#F0FDB9

#B9F0FD

Split Complementary

#FDB9F0

#CEFDB9

#B9FDE8

Tetradic

#FDB9F0

#FDE8B9

#B9FDC6

#B9CEFD

Color Blindness Simulation

Original

#FDB9F0

Protanopia

#E0DFE3

Deuteranopia

#E4E9E0

Tritanopia

#FAD8D6

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FDB9F0;
color: #FDB9F0;
border-color: #FDB9F0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FDBAF0
300
#FC88E5
400
#FA48D8
500
#F807CA
600
#C606A1
700
#9F0581
800
#7C0465
900
#5A074A
950
#39052F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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