#FDBAE7

#FDBAE7

Color Values

HEX

#FDBAE7

RGB

253, 186, 231

HSL

319.7, 94.4%, 86.1%

HSV

319.7, 26.5%, 99.2%

CMYK

0.0%, 26.5%, 8.7%, 0.8%

OKLCH

0.8637 0.0958 339.1

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FDBAE7

#BAFDD0

Analogous

#F2BAFD

#FDBAC6

#FDBAE7

Triadic

#FDBAE7

#E7FDBA

#BAE7FD

Split Complementary

#FDBAE7

#C6FDBA

#BAFDF2

Tetradic

#FDBAE7

#FDF2BA

#BAFDD0

#BAC6FD

Color Blindness Simulation

Original

#FDBAE7

Protanopia

#E0DFDC

Deuteranopia

#E4E9DA

Tritanopia

#FAD4D2

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE7
300
#FC88D6
400
#FA48BF
500
#F807A9
600
#C60687
700
#9F056C
800
#7C0454
900
#5A073F
950
#390528

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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