#F9BCDD

#F9BCDD

Color Values

HEX

#F9BCDD

RGB

249, 188, 221

HSL

327.5, 83.6%, 85.7%

HSV

327.5, 24.5%, 97.6%

CMYK

0.0%, 24.5%, 11.2%, 2.4%

OKLCH

0.86 0.0815 345.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F9BCDD

#BCF9D8

Analogous

#F6BCF9

#F9BCBF

#F9BCDD

Triadic

#F9BCDD

#DDF9BC

#BCDDF9

Split Complementary

#F9BCDD

#BFF9BC

#BCF9F6

Tetradic

#F9BCDD

#F9F6BC

#BCF9D8

#BCBFF9

Color Blindness Simulation

Original

#F9BCDD

Protanopia

#DFDED5

Deuteranopia

#E2E7D3

Tritanopia

#F6CFCD

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#F9BDDE
300
#F58FC6
400
#F052A7
500
#EA1588
600
#BB116D
700
#960D57
800
#750A44
900
#550C33
950
#360821

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026