#FDB9DF

#FDB9DF

Color Values

HEX

#FDB9DF

RGB

253, 185, 223

HSL

326.5, 94.4%, 85.9%

HSV

326.5, 26.9%, 99.2%

CMYK

0.0%, 26.9%, 11.9%, 0.8%

OKLCH

0.8594 0.0917 344.6

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDB9DF

#B9FDD7

Analogous

#F9B9FD

#FDB9BD

#FDB9DF

Triadic

#FDB9DF

#DFFDB9

#B9DFFD

Split Complementary

#FDB9DF

#BDFDB9

#B9FDF9

Tetradic

#FDB9DF

#FDF9B9

#B9FDD7

#B9BDFD

Color Blindness Simulation

Original

#FDB9DF

Protanopia

#E0DFD6

Deuteranopia

#E4E9D4

Tritanopia

#FACFCD

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBADF
300
#FC88C9
400
#FA48AB
500
#F8078E
600
#C60671
700
#9F055B
800
#7C0447
900
#5A0735
950
#390522

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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