#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026