#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026