#FDF8FE

#FDF8FE

Color Values

HEX

#FDF8FE

RGB

253, 248, 254

HSL

290.0, 75.0%, 98.4%

HSV

290.0, 2.4%, 99.6%

CMYK

0.4%, 2.4%, 0.0%, 0.4%

OKLCH

0.9847 0.0095 320.5

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#FDF8FE

#F9FEF8

Analogous

#FAF8FE

#FEF8FC

#FDF8FE

Triadic

#FDF8FE

#FEFDF8

#F8FEFD

Split Complementary

#FDF8FE

#FCFEF8

#F8FEFA

Tetradic

#FDF8FE

#FEFAF8

#F9FEF8

#F8FCFE

Color Blindness Simulation

Original

#FDF8FE

Protanopia

#FBFBFD

Deuteranopia

#FBFCFC

Tritanopia

#FDFBFB

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#FBF2FC
100
#F5E2F9
200
#EDC1F6
300
#E094F0
400
#D05AE7
500
#BF20DF
600
#9919B3
700
#7A148F
800
#601070
900
#461051
950
#2C0A33

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

20.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026