#F2D9DC

#F2D9DC

Color Values

HEX

#F2D9DC

RGB

242, 217, 220

HSL

352.8, 49.0%, 90.0%

HSV

352.8, 10.3%, 94.9%

CMYK

0.0%, 10.3%, 9.1%, 5.1%

OKLCH

0.9066 0.028 9.4

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F2D9DC

#D9F2EF

Analogous

#F2D9E8

#F2E3D9

#F2D9DC

Triadic

#F2D9DC

#DCF2D9

#D9DCF2

Split Complementary

#F2D9DC

#D9F2E3

#D9E8F2

Tetradic

#F2D9DC

#E8F2D9

#D9F2EF

#E3D9F2

Color Blindness Simulation

Original

#F2D9DC

Protanopia

#E7E7DB

Deuteranopia

#E9EADB

Tritanopia

#F1DBDB

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F2D9DC;
color: #F2D9DC;
border-color: #F2D9DC;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACE
300
#E0A4AB
400
#CF727E
500
#BE4150
600
#983440
700
#7A2A33
800
#5F2128
900
#461B20
950
#2C1114

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026