#F949BF

#F949BF

Color Values

HEX

#F949BF

RGB

249, 73, 191

HSL

319.8, 93.6%, 63.1%

HSV

319.8, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 23.3%, 2.4%

OKLCH

0.691 0.2391 344.1

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F949BF

#49F983

Analogous

#DB49F9

#F94967

#F949BF

Triadic

#F949BF

#BFF949

#49BFF9

Split Complementary

#F949BF

#67F949

#49F9DB

Tetradic

#F949BF

#F9DB49

#49F983

#4967F9

Color Blindness Simulation

Original

#F949BF

Protanopia

#ADABA2

Deuteranopia

#B7C49C

Tritanopia

#F08C87

Achromatopsia

#777777

CSS Usage

background-color: #F949BF;
color: #F949BF;
border-color: #F949BF;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE7
300
#FB89D5
400
#F948BF
500
#F708A8
600
#C50786
700
#9E056C
800
#7B0454
900
#59083E
950
#380527

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

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