#FDBDF6

#FDBDF6

Color Values

HEX

#FDBDF6

RGB

253, 189, 246

HSL

306,6, 94,1%, 86,7%

HSV

306,6, 25,3%, 99,2%

CMYK

0,0%, 25,3%, 2,8%, 0,8%

OKLCH

0,874 0,1035 330,2

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDBDF6

#BDFDC4

Analogous

#E4BDFD

#FDBDD6

#FDBDF6

Triadic

#FDBDF6

#F6FDBD

#BDF6FD

Split Complementary

#FDBDF6

#D6FDBD

#BDFDE4

Tetradic

#FDBDF6

#FDE4BD

#BDFDC4

#BDD6FD

Color Blindness Simulation

Original

#FDBDF6

Protanopia

#E1E1E8

Deuteranopia

#E5EAE5

Tritanopia

#FADDDB

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FDBAF6
300
#FB88EF
400
#F948E6
500
#F708DD
600
#C606B1
700
#9E058D
800
#7C046F
900
#590750
950
#390533

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,79: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