#FDBCE7

#FDBCE7

Color Values

HEX

#FDBCE7

RGB

253, 188, 231

HSL

320.3, 94.2%, 86.5%

HSV

320.3, 25.7%, 99.2%

CMYK

0.0%, 25.7%, 8.7%, 0.8%

OKLCH

0.8672 0.0924 339.5

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDBCE7

#BCFDD2

Analogous

#F3BCFD

#FDBCC7

#FDBCE7

Triadic

#FDBCE7

#E7FDBC

#BCE7FD

Split Complementary

#FDBCE7

#C7FDBC

#BCFDF3

Tetradic

#FDBCE7

#FDF3BC

#BCFDD2

#BCC7FD

Color Blindness Simulation

Original

#FDBCE7

Protanopia

#E1E0DD

Deuteranopia

#E5EADA

Tritanopia

#FAD4D3

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB88D4
400
#FA48BD
500
#F807A6
600
#C60685
700
#9E056A
800
#7C0453
900
#5A073E
950
#390527

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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