#F9D9DA

#F9D9DA

Color Values

HEX

#F9D9DA

RGB

249, 217, 218

HSL

358,1, 72,7%, 91,4%

HSV

358,1, 12,9%, 97,6%

CMYK

0,0%, 12,9%, 12,4%, 2,4%

OKLCH

0,9121 0,0357 15,7

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F9D9DA

#D9F9F8

Analogous

#F9D9EA

#F9E8D9

#F9D9DA

Triadic

#F9D9DA

#DAF9D9

#D9DAF9

Split Complementary

#F9D9DA

#D9F9E8

#D9EAF9

Tetradic

#F9D9DA

#EAF9D9

#D9F9F8

#E8D9F9

Color Blindness Simulation

Original

#F9D9DA

Protanopia

#EBEBDA

Deuteranopia

#EDEFDA

Tritanopia

#F7DADA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C1C3
300
#EE9598
400
#E55C60
500
#DC2329
600
#B01C21
700
#8D161A
800
#6E1114
900
#501113
950
#330B0C

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,97: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