#F949B6

#F949B6

Color Values

HEX

#F949B6

RGB

249, 73, 182

HSL

322.8, 93.6%, 63.1%

HSV

322.8, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 26.9%, 2.4%

OKLCH

0.6874 0.2342 347.0

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F949B6

#49F98C

Analogous

#E449F9

#F9495E

#F949B6

Triadic

#F949B6

#B6F949

#49B6F9

Split Complementary

#F949B6

#5EF949

#49F9E4

Tetradic

#F949B6

#F9E449

#49F98C

#495EF9

Color Blindness Simulation

Original

#F949B6

Protanopia

#ADAB9C

Deuteranopia

#B7C495

Tritanopia

#F08782

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF1
200
#FDBAE3
300
#FB89D0
400
#F948B6
500
#F7089C
600
#C5077D
700
#9E0564
800
#7B044E
900
#59083A
950
#380525

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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