#F9486E

#F9486E

Color Values

HEX

#F9486E

RGB

249, 72, 110

HSL

347.1, 93.7%, 62.9%

HSV

347.1, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 55.8%, 2.4%

OKLCH

0.6644 0.2124 12.8

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F9486E

#48F9D3

Analogous

#F948C7

#F97A48

#F9486E

Triadic

#F9486E

#6EF948

#486EF9

Split Complementary

#F9486E

#48F97A

#48C7F9

Tetradic

#F9486E

#C7F948

#48F9D3

#7A48F9

Color Blindness Simulation

Original

#F9486E

Protanopia

#ACAB65

Deuteranopia

#B7C463

Tritanopia

#F05E5C

Achromatopsia

#707070

CSS Usage

background-color: #F9486E;
color: #F9486E;
border-color: #F9486E;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF1F4
100
#FBDFE5
200
#FDBAC8
300
#FB88A1
400
#F9486E
500
#F7083B
600
#C60630
700
#9E0526
800
#7B041E
900
#590819
950
#380510

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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