#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

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