#F949BB

#F949BB

Color Values

HEX

#F949BB

RGB

249, 73, 187

HSL

321.1, 93.6%, 63.1%

HSV

321.1, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 24.9%, 2.4%

OKLCH

0.6894 0.2369 345.4

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F949BB

#49F987

Analogous

#DF49F9

#F94963

#F949BB

Triadic

#F949BB

#BBF949

#49BBF9

Split Complementary

#F949BB

#63F949

#49F9DF

Tetradic

#F949BB

#F9DF49

#49F987

#4963F9

Color Blindness Simulation

Original

#F949BB

Protanopia

#ADAB9F

Deuteranopia

#B7C499

Tritanopia

#F08A85

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FDBAE5
300
#FB89D3
400
#F948BB
500
#F708A3
600
#C50782
700
#9E0568
800
#7B0451
900
#59083D
950
#380526

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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