#FDF0F2

#FDF0F2

Color Values

HEX

#FDF0F2

RGB

253, 240, 242

HSL

350.8, 76.5%, 96.7%

HSV

350.8, 5.1%, 99.2%

CMYK

0.0%, 5.1%, 4.3%, 0.8%

OKLCH

0.9659 0.0143 6.7

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FDF0F2

#F0FDFB

Analogous

#FDF0F9

#FDF5F0

#FDF0F2

Triadic

#FDF0F2

#F2FDF0

#F0F2FD

Split Complementary

#FDF0F2

#F0FDF5

#F0F9FD

Tetradic

#FDF0F2

#F9FDF0

#F0FDFB

#F5F0FD

Color Blindness Simulation

Original

#FDF0F2

Protanopia

#F7F7F2

Deuteranopia

#F8F9F1

Tritanopia

#FCF1F1

Achromatopsia

#F3F3F3

CSS Usage

background-color: #FDF0F2;
color: #FDF0F2;
border-color: #FDF0F2;
Nearest Tailwind: Rose 50 #FFF1F2

Tailwind Shades

50
#FCF2F4
100
#F9E2E5
200
#F7C0C8
300
#F193A1
400
#E9586F
500
#E11E3C
600
#B41830
700
#901326
800
#710F1E
900
#520F19
950
#340A10

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026