#F94B48

#F94B48

Color Values

HEX

#F94B48

RGB

249, 75, 72

HSL

1.0, 93.7%, 62.9%

HSV

1.0, 71.1%, 97.6%

CMYK

0.0%, 69.9%, 71.1%, 2.4%

OKLCH

0.6606 0.2111 25.9

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F94B48

#48F6F9

Analogous

#F9489D

#F9A348

#F94B48

Triadic

#F94B48

#48F94B

#4B48F9

Split Complementary

#F94B48

#48F9A3

#489DF9

Tetradic

#F94B48

#9DF948

#48F6F9

#A348F9

Color Blindness Simulation

Original

#F94B48

Protanopia

#AEAC49

Deuteranopia

#B8C549

Tritanopia

#F04949

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBBBA
300
#FB8A88
400
#F94B48
500
#F70C08
600
#C60A06
700
#9E0805
800
#7B0604
900
#590908
950
#380605

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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