#F9DFE2

#F9DFE2

Color Values

HEX

#F9DFE2

RGB

249, 223, 226

HSL

353,1, 68,4%, 92,5%

HSV

353,1, 10,4%, 97,6%

CMYK

0,0%, 10,4%, 9,2%, 2,4%

OKLCH

0,9257 0,0289 9,7

Properties

Warm Light Nearest: mistyrose

Color Harmonies

Complementary

#F9DFE2

#DFF9F6

Analogous

#F9DFEF

#F9E9DF

#F9DFE2

Triadic

#F9DFE2

#E2F9DF

#DFE2F9

Split Complementary

#F9DFE2

#DFF9E9

#DFEFF9

Tetradic

#F9DFE2

#EFF9DF

#DFF9F6

#E9DFF9

Color Blindness Simulation

Original

#F9DFE2

Protanopia

#EEEEE1

Deuteranopia

#EFF1E1

Tritanopia

#F8E1E1

Achromatopsia

#E5E5E5

CSS Usage

background-color: #F9DFE2;
color: #F9DFE2;
border-color: #F9DFE2;
Nearest Tailwind: Rose 100 #FFE4E6

Tailwind Shades

50
#FCF3F4
100
#F8E3E5
200
#F4C3C8
300
#EC98A2
400
#E1606F
500
#D7283C
600
#AC2030
700
#891A27
800
#6B141E
900
#4E1319
950
#310C10

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026