#F40B22

#F40B22

Color Values

HEX

#F40B22

RGB

244, 11, 34

HSL

354.1, 91.4%, 50.0%

HSV

354.1, 95.5%, 95.7%

CMYK

0.0%, 95.5%, 86.1%, 4.3%

OKLCH

0.6108 0.2455 26.5

Properties

Warm Light Nearest: firebrick 1

Color Harmonies

Complementary

#F40B22

#0BF4DD

Analogous

#F40B96

#F4690B

#F40B22

Triadic

#F40B22

#22F40B

#0B22F4

Split Complementary

#F40B22

#0BF469

#0B96F4

Tetradic

#F40B22

#96F40B

#0BF4DD

#690BF4

Color Blindness Simulation

Original

#F40B22

Protanopia

#8F8D1C

Deuteranopia

#9DAE1B

Tritanopia

#E81817

Achromatopsia

#3E3E3E

CSS Usage

background-color: #F40B22;
color: #F40B22;
border-color: #F40B22;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F3
100
#FBDFE2
200
#FCBBC1
300
#FA8A95
400
#F74A5B
500
#F40B22
600
#C3091B
700
#9C0716
800
#7A0511
900
#580910
950
#38050A

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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