#F9CCF0

#F9CCF0

Color Values

HEX

#F9CCF0

RGB

249, 204, 240

HSL

312.0, 78.9%, 88.8%

HSV

312.0, 18.1%, 97.6%

CMYK

0.0%, 18.1%, 3.6%, 2.4%

OKLCH

0.8946 0.0688 333.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F9CCF0

#CCF9D5

Analogous

#EBCCF9

#F9CCD9

#F9CCF0

Triadic

#F9CCF0

#F0F9CC

#CCF0F9

Split Complementary

#F9CCF0

#D9F9CC

#CCF9EB

Tetradic

#F9CCF0

#F9EBCC

#CCF9D5

#CCD9F9

Color Blindness Simulation

Original

#F9CCF0

Protanopia

#E6E5E7

Deuteranopia

#E8EBE5

Tritanopia

#F7E0DF

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF2FA
100
#F9E1F4
200
#F7BFEC
300
#F292DF
400
#EB56CD
500
#E41BBC
600
#B61696
700
#921178
800
#720D5E
900
#530E45
950
#34092C

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.92:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026