#FECDFD

#FECDFD

Color Values

HEX

#FECDFD

RGB

254, 205, 253

HSL

301.2, 96.1%, 90.0%

HSV

301.2, 19.3%, 99.6%

CMYK

0.0%, 19.3%, 0.4%, 0.4%

OKLCH

0.9053 0.083 326.9

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FECDFD

#CDFECE

Analogous

#E6CDFE

#FECDE5

#FECDFD

Triadic

#FECDFD

#FDFECD

#CDFDFE

Split Complementary

#FECDFD

#E5FECD

#CDFEE6

Tetradic

#FECDFD

#FEE6CD

#CDFECE

#CDE5FE

Color Blindness Simulation

Original

#FECDFD

Protanopia

#E9E8F1

Deuteranopia

#ECEFEF

Tritanopia

#FCE8E6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FEB9FC
300
#FD87FA
400
#FB46F8
500
#FA05F5
600
#C804C4
700
#A0039D
800
#7D027B
900
#5A0759
950
#390438

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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