#F94F48

#F94F48

Color Values

HEX

#F94F48

RGB

249, 79, 72

HSL

2.4, 93.7%, 62.9%

HSV

2.4, 71.1%, 97.6%

CMYK

0.0%, 68.3%, 71.1%, 2.4%

OKLCH

0.6645 0.2075 26.8

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F94F48

#48F2F9

Analogous

#F94899

#F9A748

#F94F48

Triadic

#F94F48

#48F94F

#4F48F9

Split Complementary

#F94F48

#48F9A7

#4899F9

Tetradic

#F94F48

#99F948

#48F2F9

#A748F9

Color Blindness Simulation

Original

#F94F48

Protanopia

#AFAE4A

Deuteranopia

#B9C64A

Tritanopia

#F04B4B

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FDBDBA
300
#FB8D88
400
#F94F48
500
#F71208
600
#C60E06
700
#9E0B05
800
#7B0904
900
#590B08
950
#380705

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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