#F9487F

#F9487F

Color Values

HEX

#F9487F

RGB

249, 72, 127

HSL

341.4, 93.7%, 62.9%

HSV

341.4, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 49.0%, 2.4%

OKLCH

0.6685 0.2147 6.6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F9487F

#48F9C2

Analogous

#F948D7

#F96948

#F9487F

Triadic

#F9487F

#7FF948

#487FF9

Split Complementary

#F9487F

#48F969

#48D7F9

Tetradic

#F9487F

#D7F948

#48F9C2

#6948F9

Color Blindness Simulation

Original

#F9487F

Protanopia

#ACAB72

Deuteranopia

#B7C46E

Tritanopia

#F06765

Achromatopsia

#727272

CSS Usage

background-color: #F9487F;
color: #F9487F;
border-color: #F9487F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F5
100
#FBDFE8
200
#FDBACF
300
#FB88AC
400
#F9487F
500
#F70852
600
#C60642
700
#9E0535
800
#7B0429
900
#590821
950
#380515

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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