#F9485F

#F9485F

Color Values

HEX

#F9485F

RGB

249, 72, 95

HSL

352.2, 93.7%, 62.9%

HSV

352.2, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 61.8%, 2.4%

OKLCH

0.6614 0.212 18.1

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F9485F

#48F9E2

Analogous

#F948B7

#F98948

#F9485F

Triadic

#F9485F

#5FF948

#485FF9

Split Complementary

#F9485F

#48F989

#48B7F9

Tetradic

#F9485F

#B7F948

#48F9E2

#8948F9

Color Blindness Simulation

Original

#F9485F

Protanopia

#ACAB59

Deuteranopia

#B7C458

Tritanopia

#F05554

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FDBAC3
300
#FB8897
400
#F9485F
500
#F70827
600
#C6061F
700
#9E0519
800
#7B0414
900
#590812
950
#38050C

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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