#F4150B

#F4150B

Color Values

HEX

#F4150B

RGB

244, 21, 11

HSL

2.6, 91.4%, 50.0%

HSV

2.6, 95.5%, 95.7%

CMYK

0.0%, 91.4%, 95.5%, 4.3%

OKLCH

0.6122 0.2445 29.4

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F4150B

#0BEAF4

Analogous

#F40B75

#F48A0B

#F4150B

Triadic

#F4150B

#0BF415

#150BF4

Split Complementary

#F4150B

#0BF48A

#0B75F4

Tetradic

#F4150B

#75F40B

#0BEAF4

#8A0BF4

Color Blindness Simulation

Original

#F4150B

Protanopia

#93920D

Deuteranopia

#A0B10E

Tritanopia

#E90F10

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBB
300
#FA8F8A
400
#F7524A
500
#F4150B
600
#C31109
700
#9C0D07
800
#7A0B05
900
#580C09
950
#380805

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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