#FDF6FD

#FDF6FD

Color Values

HEX

#FDF6FD

RGB

253, 246, 253

HSL

300,0, 63,6%, 97,8%

HSV

300,0, 2,8%, 99,2%

CMYK

0,0%, 2,8%, 0,0%, 0,8%

OKLCH

0,9805 0,0118 325,7

Properties

Warm Light Nearest: ghostwhite

Color Harmonies

Complementary

#FDF6FD

#F6FDF6

Analogous

#F9F6FD

#FDF6F9

#FDF6FD

Triadic

#FDF6FD

#FDFDF6

#F6FDFD

Split Complementary

#FDF6FD

#F9FDF6

#F6FDF9

Tetradic

#FDF6FD

#FDF9F6

#F6FDF6

#F6F9FD

Color Blindness Simulation

Original

#FDF6FD

Protanopia

#FAFAFB

Deuteranopia

#FAFBFB

Tritanopia

#FDFAFA

Achromatopsia

#F8F8F8

CSS Usage

background-color: #FDF6FD;
color: #FDF6FD;
border-color: #FDF6FD;
Nearest Tailwind: Purple 50 #FAF5FF

Tailwind Shades

50
#FBF3FB
100
#F7E4F7
200
#F2C5F2
300
#E99BE9
400
#DD65DD
500
#D12ED1
600
#A725A7
700
#851E85
800
#681768
900
#4C154C
950
#300D30

Contrast Checker

Text on white

1,06:1

AA Fail AAA Fail

Text on black

19,78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026