#FDF2F2

#FDF2F2

Color Values

HEX

#FDF2F2

RGB

253, 242, 242

HSL

0.0, 73.3%, 97.1%

HSV

0.0, 4.3%, 99.2%

CMYK

0.0%, 4.3%, 4.3%, 0.8%

OKLCH

0.9697 0.0119 17.4

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDF2F2

#F2FDFD

Analogous

#FDF2F8

#FDF8F2

#FDF2F2

Triadic

#FDF2F2

#F2FDF2

#F2F2FD

Split Complementary

#FDF2F2

#F2FDF8

#F2F8FD

Tetradic

#FDF2F2

#F8FDF2

#F2FDFD

#F8F2FD

Color Blindness Simulation

Original

#FDF2F2

Protanopia

#F8F8F2

Deuteranopia

#F9FAF2

Tritanopia

#FCF2F2

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F5C1C1
300
#EF9595
400
#E65B5B
500
#DD2222
600
#B11B1B
700
#8D1616
800
#6E1111
900
#501010
950
#330A0A

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.16:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026