#F9499C

#F9499C

Color Values

HEX

#F9499C

RGB

249, 73, 156

HSL

331.7, 93.6%, 63.1%

HSV

331.7, 70.7%, 97.6%

CMYK

0.0%, 70.7%, 37.3%, 2.4%

OKLCH

0.678 0.2221 356.0

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F9499C

#49F9A6

Analogous

#F949F4

#F94E49

#F9499C

Triadic

#F9499C

#9CF949

#499CF9

Split Complementary

#F9499C

#49F94E

#49F4F9

Tetradic

#F9499C

#F4F949

#49F9A6

#4E49F9

Color Blindness Simulation

Original

#F9499C

Protanopia

#ADAB88

Deuteranopia

#B7C483

Tritanopia

#F07875

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBAD9
300
#FB89BF
400
#F9489C
500
#F70879
600
#C50761
700
#9E054D
800
#7B043C
900
#59082E
950
#38051D

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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