#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

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