#F94997

#F94997

Color Values

HEX

#F94997

RGB

249, 73, 151

HSL

333.4, 93.6%, 63.1%

HSV

333.4, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 39.4%, 2.4%

OKLCH

0.6764 0.2203 357.8

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F94997

#49F9AB

Analogous

#F949EF

#F95349

#F94997

Triadic

#F94997

#97F949

#4997F9

Split Complementary

#F94997

#49F953

#49EFF9

Tetradic

#F94997

#EFF949

#49F9AB

#5349F9

Color Blindness Simulation

Original

#F94997

Protanopia

#ADAB84

Deuteranopia

#B7C480

Tritanopia

#F07572

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD8
300
#FB89BB
400
#F94897
500
#F70872
600
#C5075B
700
#9E0549
800
#7B0439
900
#59082C
950
#38051C

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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