#FDF2F3

#FDF2F3

Color Values

HEX

#FDF2F3

RGB

253, 242, 243

HSL

354,5, 73,3%, 97,1%

HSV

354,5, 4,3%, 99,2%

CMYK

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

OKLCH

0,97 0,0119 11,0

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDF2F3

#F2FDFC

Analogous

#FDF2F9

#FDF7F2

#FDF2F3

Triadic

#FDF2F3

#F3FDF2

#F2F3FD

Split Complementary

#FDF2F3

#F2FDF7

#F2F9FD

Tetradic

#FDF2F3

#F9FDF2

#F2FDFC

#F7F2FD

Color Blindness Simulation

Original

#FDF2F3

Protanopia

#F8F8F3

Deuteranopia

#F9FAF3

Tritanopia

#FCF3F3

Achromatopsia

#F4F4F4

CSS Usage

background-color: #FDF2F3;
color: #FDF2F3;
border-color: #FDF2F3;
Nearest Tailwind: Red 50 #FEF2F2

Tailwind Shades

50
#FCF3F3
100
#F8E2E4
200
#F5C1C6
300
#EF959D
400
#E65B68
500
#DD2233
600
#B11B29
700
#8D1621
800
#6E111A
900
#501016
950
#330A0E

Contrast Checker

Text on white

1,1:1

AA Fail AAA Fail

Text on black

19,17:1

AA Pass AAA Pass

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