#FDCDF9

#FDCDF9

Color Values

HEX

#FDCDF9

RGB

253, 205, 249

HSL

305,0, 92,3%, 89,8%

HSV

305,0, 19,0%, 99,2%

CMYK

0,0%, 19,0%, 1,6%, 0,8%

OKLCH

0,903 0,0784 328,9

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FDCDF9

#CDFDD1

Analogous

#E9CDFD

#FDCDE1

#FDCDF9

Triadic

#FDCDF9

#F9FDCD

#CDF9FD

Split Complementary

#FDCDF9

#E1FDCD

#CDFDE9

Tetradic

#FDCDF9

#FDE9CD

#CDFDD1

#CDE1FD

Color Blindness Simulation

Original

#FDCDF9

Protanopia

#E8E8EE

Deuteranopia

#EBEFEC

Tritanopia

#FBE6E4

Achromatopsia

#DADADA

CSS Usage

background-color: #FDCDF9;
color: #FDCDF9;
border-color: #FDCDF9;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBAF7
300
#FA89F1
400
#F84AE9
500
#F50AE2
600
#C408B4
700
#9D0690
800
#7B0571
900
#590852
950
#380534

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,28: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