#F4342D

#F4342D

Color Values

HEX

#F4342D

RGB

244, 52, 45

HSL

2,1, 90,0%, 56,7%

HSV

2,1, 81,6%, 95,7%

CMYK

0,0%, 78,7%, 81,6%, 4,3%

OKLCH

0,6297 0,2272 28,1

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F4342D

#2DEDF4

Analogous

#F42D8A

#F4982D

#F4342D

Triadic

#F4342D

#2DF434

#342DF4

Split Complementary

#F4342D

#2DF498

#2D8AF4

Tetradic

#F4342D

#8AF42D

#2DEDF4

#982DF4

Color Blindness Simulation

Original

#F4342D

Protanopia

#A19F2F

Deuteranopia

#ACBA2F

Tritanopia

#EA3030

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FBBDBB
300
#F98F8B
400
#F6524C
500
#F2150D
600
#C2110A
700
#9B0D08
800
#790A06
900
#580C09
950
#370806

Contrast Checker

Text on white

3,91:1

AA Fail AAA Fail

Text on black

5,38:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026