#FDF3F7

#FDF3F7

Color Values

HEX

#FDF3F7

RGB

253, 243, 247

HSL

336.0, 71.4%, 97.3%

HSV

336.0, 4.0%, 99.2%

CMYK

0.0%, 4.0%, 2.4%, 0.8%

OKLCH

0.973 0.0119 351.0

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDF3F7

#F3FDF9

Analogous

#FDF3FC

#FDF4F3

#FDF3F7

Triadic

#FDF3F7

#F7FDF3

#F3F7FD

Split Complementary

#FDF3F7

#F3FDF4

#F3FCFD

Tetradic

#FDF3F7

#FCFDF3

#F3FDF9

#F4F3FD

Color Blindness Simulation

Original

#FDF3F7

Protanopia

#F9F9F6

Deuteranopia

#F9FAF6

Tritanopia

#FCF5F5

Achromatopsia

#F5F5F5

CSS Usage

background-color: #FDF3F7;
color: #FDF3F7;
border-color: #FDF3F7;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C2D6
300
#ED96B9
400
#E45D93
500
#DB246D
600
#AF1D57
700
#8C1746
800
#6D1237
900
#50112A
950
#320B1B

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.34:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026