#F4380B

#F4380B

Color Values

HEX

#F4380B

RGB

244, 56, 11

HSL

11.6, 91.4%, 50.0%

HSV

11.6, 95.5%, 95.7%

CMYK

0.0%, 77.0%, 95.5%, 4.3%

OKLCH

0.6308 0.2277 33.1

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F4380B

#0BC7F4

Analogous

#F40B52

#F4AD0B

#F4380B

Triadic

#F4380B

#0BF438

#380BF4

Split Complementary

#F4380B

#0BF4AD

#0B52F4

Tetradic

#F4380B

#52F40B

#0BC7F4

#AD0BF4

Color Blindness Simulation

Original

#F4380B

Protanopia

#A3A116

Deuteranopia

#AEBC18

Tritanopia

#EB1E20

Achromatopsia

#5D5D5D

CSS Usage

background-color: #F4380B;
color: #F4380B;
border-color: #F4380B;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FCC7BB
300
#FA9F8A
400
#F76C4A
500
#F4380B
600
#C32D09
700
#9C2407
800
#7A1C05
900
#581809
950
#380F05

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026