#F9DFEC

#F9DFEC

Color Values

HEX

#F9DFEC

RGB

249, 223, 236

HSL

330,0, 68,4%, 92,5%

HSV

330,0, 10,4%, 97,6%

CMYK

0,0%, 10,4%, 5,2%, 2,4%

OKLCH

0,9285 0,0331 346,1

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#F9DFEC

#DFF9EC

Analogous

#F9DFF9

#F9DFDF

#F9DFEC

Triadic

#F9DFEC

#ECF9DF

#DFECF9

Split Complementary

#F9DFEC

#DFF9DF

#DFF9F9

Tetradic

#F9DFEC

#F9F9DF

#DFF9EC

#DFDFF9

Color Blindness Simulation

Original

#F9DFEC

Protanopia

#EEEEE9

Deuteranopia

#EFF1E8

Tritanopia

#F8E6E6

Achromatopsia

#E5E5E5

CSS Usage

background-color: #F9DFEC;
color: #F9DFEC;
border-color: #F9DFEC;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FCF3F7
100
#F8E3ED
200
#F4C3DB
300
#EC98C2
400
#E160A1
500
#D72880
600
#AC2066
700
#891A52
800
#6B1440
900
#4E1330
950
#310C1F

Contrast Checker

Text on white

1,25:1

AA Fail AAA Fail

Text on black

16,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026