#F9BED4

#F9BED4

Color Values

HEX

#F9BED4

RGB

249, 190, 212

HSL

337.6, 83.1%, 86.1%

HSV

337.6, 23.7%, 97.6%

CMYK

0.0%, 23.7%, 14.9%, 2.4%

OKLCH

0.8608 0.073 354.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F9BED4

#BEF9E3

Analogous

#F9BEF2

#F9C6BE

#F9BED4

Triadic

#F9BED4

#D4F9BE

#BED4F9

Split Complementary

#F9BED4

#BEF9C6

#BEF2F9

Tetradic

#F9BED4

#F2F9BE

#BEF9E3

#C6BEF9

Color Blindness Simulation

Original

#F9BED4

Protanopia

#DFDFCF

Deuteranopia

#E3E7CD

Tritanopia

#F6CACA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EA
200
#F9BED4
300
#F58FB5
400
#EF528D
500
#E91665
600
#BB1151
700
#950E40
800
#750B32
900
#550C27
950
#350819

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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