#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026