#F949BA

#F949BA

Color Values

HEX

#F949BA

RGB

249, 73, 186

HSL

321.5, 93.6%, 63.1%

HSV

321.5, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 25.3%, 2.4%

OKLCH

0.689 0.2363 345.7

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F949BA

#49F988

Analogous

#E049F9

#F94962

#F949BA

Triadic

#F949BA

#BAF949

#49BAF9

Split Complementary

#F949BA

#62F949

#49F9E0

Tetradic

#F949BA

#F9E049

#49F988

#4962F9

Color Blindness Simulation

Original

#F949BA

Protanopia

#ADAB9F

Deuteranopia

#B7C498

Tritanopia

#F08984

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FDBAE5
300
#FB89D2
400
#F948BA
500
#F708A1
600
#C50781
700
#9E0567
800
#7B0451
900
#59083C
950
#380526

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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