#F9BDDA

#F9BDDA

Color Values

HEX

#F9BDDA

RGB

249, 189, 218

HSL

331.0, 83.3%, 85.9%

HSV

331.0, 24.1%, 97.6%

CMYK

0.0%, 24.1%, 12.4%, 2.4%

OKLCH

0.8609 0.0779 348.3

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F9BDDA

#BDF9DC

Analogous

#F9BDF8

#F9BEBD

#F9BDDA

Triadic

#F9BDDA

#DAF9BD

#BDDAF9

Split Complementary

#F9BDDA

#BDF9BE

#BDF8F9

Tetradic

#F9BDDA

#F8F9BD

#BDF9DC

#BEBDF9

Color Blindness Simulation

Original

#F9BDDA

Protanopia

#DFDED3

Deuteranopia

#E2E7D1

Tritanopia

#F6CDCC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1ED
200
#F9BEDA
300
#F58FC0
400
#EF529E
500
#EA157C
600
#BB1163
700
#960E4F
800
#750B3E
900
#550C2F
950
#36081E

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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