#FDBAF8

#FDBAF8

Color Values

HEX

#FDBAF8

RGB

253, 186, 248

HSL

304,5, 94,4%, 86,1%

HSV

304,5, 26,5%, 99,2%

CMYK

0,0%, 26,5%, 2,0%, 0,8%

OKLCH

0,8696 0,1106 329,0

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FDBAF8

#BAFDBF

Analogous

#E1BAFD

#FDBAD7

#FDBAF8

Triadic

#FDBAF8

#F8FDBA

#BAF8FD

Split Complementary

#FDBAF8

#D7FDBA

#BAFDE1

Tetradic

#FDBAF8

#FDE1BA

#BAFDBF

#BAD7FD

Color Blindness Simulation

Original

#FDBAF8

Protanopia

#E0DFE9

Deuteranopia

#E4E9E5

Tritanopia

#FADDDB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFF9
200
#FDBAF8
300
#FC88F3
400
#FA48EC
500
#F807E6
600
#C606B8
700
#9F0593
800
#7C0473
900
#5A0753
950
#390535

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

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