#F949BE

#F949BE

Color Values

HEX

#F949BE

RGB

249, 73, 190

HSL

320.1, 93.6%, 63.1%

HSV

320.1, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 23.7%, 2.4%

OKLCH

0.6906 0.2386 344.4

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F949BE

#49F984

Analogous

#DC49F9

#F94966

#F949BE

Triadic

#F949BE

#BEF949

#49BEF9

Split Complementary

#F949BE

#66F949

#49F9DC

Tetradic

#F949BE

#F9DC49

#49F984

#4966F9

Color Blindness Simulation

Original

#F949BE

Protanopia

#ADABA2

Deuteranopia

#B7C49B

Tritanopia

#F08B86

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF2
200
#FDBAE6
300
#FB89D5
400
#F948BE
500
#F708A7
600
#C50786
700
#9E056B
800
#7B0453
900
#59083E
950
#380527

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

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