#FDB9EC

#FDB9EC

Color Values

HEX

#FDB9EC

RGB

253, 185, 236

HSL

315,0, 94,4%, 85,9%

HSV

315,0, 26,9%, 99,2%

CMYK

0,0%, 26,9%, 6,7%, 0,8%

OKLCH

0,8637 0,1016 335,7

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#FDB9EC

#B9FDCA

Analogous

#ECB9FD

#FDB9CA

#FDB9EC

Triadic

#FDB9EC

#ECFDB9

#B9ECFD

Split Complementary

#FDB9EC

#CAFDB9

#B9FDEC

Tetradic

#FDB9EC

#FDECB9

#B9FDCA

#B9CAFD

Color Blindness Simulation

Original

#FDB9EC

Protanopia

#E0DFE0

Deuteranopia

#E4E9DD

Tritanopia

#FAD6D4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FDBAEC
300
#FC88DF
400
#FA48CD
500
#F807BC
600
#C60696
700
#9F0578
800
#7C045E
900
#5A0745
950
#39052C

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026