#F9BBDF

#F9BBDF

Color Values

HEX

#F9BBDF

RGB

249, 187, 223

HSL

325.2, 83.8%, 85.5%

HSV

325.2, 24.9%, 97.6%

CMYK

0.0%, 24.9%, 10.4%, 2.4%

OKLCH

0.8589 0.0846 343.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F9BBDF

#BBF9D5

Analogous

#F4BBF9

#F9BBC0

#F9BBDF

Triadic

#F9BBDF

#DFF9BB

#BBDFF9

Split Complementary

#F9BBDF

#C0F9BB

#BBF9F4

Tetradic

#F9BBDF

#F9F4BB

#BBF9D5

#BBC0F9

Color Blindness Simulation

Original

#F9BBDF

Protanopia

#DEDED6

Deuteranopia

#E2E6D4

Tritanopia

#F6CFCE

Achromatopsia

#CBCBCB

CSS Usage

background-color: #F9BBDF;
color: #F9BBDF;
border-color: #F9BBDF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#F9BDE0
300
#F58FCA
400
#F052AD
500
#EA1591
600
#BB1174
700
#960D5D
800
#750A48
900
#550C36
950
#360822

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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