#FDE4F8

#FDE4F8

Color Values

HEX

#FDE4F8

RGB

253, 228, 248

HSL

312.0, 86.2%, 94.3%

HSV

312.0, 9.9%, 99.2%

CMYK

0.0%, 9.9%, 2.0%, 0.8%

OKLCH

0.9449 0.0377 332.6

Properties

Warm Light Nearest: thistle 1

Color Harmonies

Complementary

#FDE4F8

#E4FDE9

Analogous

#F5E4FD

#FDE4EB

#FDE4F8

Triadic

#FDE4F8

#F8FDE4

#E4F8FD

Split Complementary

#FDE4F8

#EBFDE4

#E4FDF5

Tetradic

#FDE4F8

#FDF5E4

#E4FDE9

#E4EBFD

Color Blindness Simulation

Original

#FDE4F8

Protanopia

#F2F2F3

Deuteranopia

#F4F6F2

Tritanopia

#FCEFEE

Achromatopsia

#EBEBEB

CSS Usage

background-color: #FDE4F8;
color: #FDE4F8;
border-color: #FDE4F8;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABDEE
300
#F78DE1
400
#F24FD1
500
#ED12C1
600
#BE0E9B
700
#980B7C
800
#770961
900
#560B47
950
#36072D

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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