#F9C7DC

#F9C7DC

Color Values

HEX

#F9C7DC

RGB

249, 199, 220

HSL

334.8, 80.6%, 87.8%

HSV

334.8, 20.1%, 97.6%

CMYK

0.0%, 20.1%, 11.6%, 2.4%

OKLCH

0.8794 0.0626 351.4

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F9C7DC

#C7F9E4

Analogous

#F9C7F5

#F9CBC7

#F9C7DC

Triadic

#F9C7DC

#DCF9C7

#C7DCF9

Split Complementary

#F9C7DC

#C7F9CB

#C7F5F9

Tetradic

#F9C7DC

#F5F9C7

#C7F9E4

#CBC7F9

Color Blindness Simulation

Original

#F9C7DC

Protanopia

#E3E3D7

Deuteranopia

#E6EAD6

Tritanopia

#F6D3D2

Achromatopsia

#D3D3D3

CSS Usage

background-color: #F9C7DC;
color: #F9C7DC;
border-color: #F9C7DC;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2F7
100
#F9E1EB
200
#F8BFD7
300
#F390BA
400
#ED5594
500
#E6196F
600
#B81459
700
#931047
800
#730C38
900
#540D2B
950
#35081B

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.23: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