#FDF2F8

#FDF2F8

Color Values

HEX

#FDF2F8

RGB

253, 242, 248

HSL

327,3, 73,3%, 97,1%

HSV

327,3, 4,3%, 99,2%

CMYK

0,0%, 4,3%, 2,0%, 0,8%

OKLCH

0,9714 0,0141 343,2

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDF2F8

#F2FDF7

Analogous

#FDF2FD

#FDF2F3

#FDF2F8

Triadic

#FDF2F8

#F8FDF2

#F2F8FD

Split Complementary

#FDF2F8

#F3FDF2

#F2FDFD

Tetradic

#FDF2F8

#FDFDF2

#F2FDF7

#F2F3FD

Color Blindness Simulation

Original

#FDF2F8

Protanopia

#F8F8F7

Deuteranopia

#F9FAF6

Tritanopia

#FCF5F5

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F5C1DE
300
#EF95C6
400
#E65BA7
500
#DD2288
600
#B11B6D
700
#8D1657
800
#6E1144
900
#501033
950
#330A20

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,23:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Pink

Pink 50

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026