#F9484B

#F9484B

Color Values

HEX

#F9484B

RGB

249, 72, 75

HSL

359.0, 93.7%, 62.9%

HSV

359.0, 71.1%, 97.6%

CMYK

0.0%, 71.1%, 69.9%, 2.4%

OKLCH

0.6581 0.2133 24.4

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F9484B

#48F9F6

Analogous

#F948A3

#F99D48

#F9484B

Triadic

#F9484B

#4BF948

#484BF9

Split Complementary

#F9484B

#48F99D

#48A3F9

Tetradic

#F9484B

#A3F948

#48F9F6

#9D48F9

Color Blindness Simulation

Original

#F9484B

Protanopia

#ACAB4A

Deuteranopia

#B7C44A

Tritanopia

#F04A4A

Achromatopsia

#6E6E6E

CSS Usage

background-color: #F9484B;
color: #F9484B;
border-color: #F9484B;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBABB
300
#FB888A
400
#F9484B
500
#F7080C
600
#C6060A
700
#9E0508
800
#7B0406
900
#590809
950
#380506

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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