#FDB7DA

#FDB7DA

Color Values

HEX

#FDB7DA

RGB

253, 183, 218

HSL

330.0, 94.6%, 85.5%

HSV

330.0, 27.7%, 99.2%

CMYK

0.0%, 27.7%, 13.8%, 0.8%

OKLCH

0.8544 0.0919 347.8

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDB7DA

#B7FDDA

Analogous

#FDB7FD

#FDB7B7

#FDB7DA

Triadic

#FDB7DA

#DAFDB7

#B7DAFD

Split Complementary

#FDB7DA

#B7FDB7

#B7FDFD

Tetradic

#FDB7DA

#FDFDB7

#B7FDDA

#B7B7FD

Color Blindness Simulation

Original

#FDB7DA

Protanopia

#DFDED2

Deuteranopia

#E3E8D0

Tritanopia

#FACBC9

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDBADB
300
#FC88C2
400
#FA47A1
500
#F80780
600
#C60666
700
#9F0452
800
#7C0340
900
#5A0730
950
#39051F

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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