#FDBAE8

#FDBAE8

Color Values

HEX

#FDBAE8

RGB

253, 186, 232

HSL

318.8, 94.4%, 86.1%

HSV

318.8, 26.5%, 99.2%

CMYK

0.0%, 26.5%, 8.3%, 0.8%

OKLCH

0.8641 0.0966 338.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#FDBAE8

#BAFDCF

Analogous

#F1BAFD

#FDBAC7

#FDBAE8

Triadic

#FDBAE8

#E8FDBA

#BAE8FD

Split Complementary

#FDBAE8

#C7FDBA

#BAFDF1

Tetradic

#FDBAE8

#FDF1BA

#BAFDCF

#BAC7FD

Color Blindness Simulation

Original

#FDBAE8

Protanopia

#E0DFDD

Deuteranopia

#E4E9DA

Tritanopia

#FAD4D2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF2
200
#FDBAE8
300
#FC88D7
400
#FA48C2
500
#F807AC
600
#C6068A
700
#9F056E
800
#7C0456
900
#5A0740
950
#390528

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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