#FDBADE

#FDBADE

Color Values

HEX

#FDBADE

RGB

253, 186, 222

HSL

327.8, 94.4%, 86.1%

HSV

327.8, 26.5%, 99.2%

CMYK

0.0%, 26.5%, 12.3%, 0.8%

OKLCH

0.8608 0.0894 345.7

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDBADE

#BAFDD9

Analogous

#FBBAFD

#FDBABD

#FDBADE

Triadic

#FDBADE

#DEFDBA

#BADEFD

Split Complementary

#FDBADE

#BDFDBA

#BAFDFB

Tetradic

#FDBADE

#FDFBBA

#BAFDD9

#BABDFD

Color Blindness Simulation

Original

#FDBADE

Protanopia

#E0DFD5

Deuteranopia

#E4E9D3

Tritanopia

#FACECD

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FC88C6
400
#FA48A7
500
#F80788
600
#C6066D
700
#9F0557
800
#7C0444
900
#5A0733
950
#390521

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

फ़र 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

फ़र 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

फ़र 19, 2026