#F4352F

#F4352F

Color Values

HEX

#F4352F

RGB

244, 53, 47

HSL

1,8, 90,0%, 57,1%

HSV

1,8, 80,7%, 95,7%

CMYK

0,0%, 78,3%, 80,7%, 4,3%

OKLCH

0,6306 0,2264 27,9

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F4352F

#2FEEF4

Analogous

#F42F8C

#F4982F

#F4352F

Triadic

#F4352F

#2FF435

#352FF4

Split Complementary

#F4352F

#2FF498

#2F8CF4

Tetradic

#F4352F

#8CF42F

#2FEEF4

#982FF4

Color Blindness Simulation

Original

#F4352F

Protanopia

#A1A030

Deuteranopia

#ACBB31

Tritanopia

#EA3232

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FBBDBB
300
#F98E8B
400
#F6514C
500
#F2140D
600
#C2100A
700
#9B0D08
800
#790A06
900
#580C09
950
#370706

Contrast Checker

Text on white

3,89:1

AA Fail AAA Fail

Text on black

5,4:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026