#F4382D

#F4382D

Color Values

HEX

#F4382D

RGB

244, 56, 45

HSL

3.3, 90.0%, 56.7%

HSV

3.3, 81.6%, 95.7%

CMYK

0.0%, 77.0%, 81.6%, 4.3%

OKLCH

0.6327 0.2246 28.7

Properties

Warm Light Nearest: firebrick 2

Color Harmonies

Complementary

#F4382D

#2DE9F4

Analogous

#F42D86

#F49C2D

#F4382D

Triadic

#F4382D

#2DF438

#382DF4

Split Complementary

#F4382D

#2DF49C

#2D86F4

Tetradic

#F4382D

#86F42D

#2DE9F4

#9C2DF4

Color Blindness Simulation

Original

#F4382D

Protanopia

#A3A130

Deuteranopia

#AEBC30

Tritanopia

#EB3232

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE1DF
200
#FBBFBB
300
#F9918B
400
#F6554C
500
#F2190D
600
#C2140A
700
#9B1008
800
#790D06
900
#580E09
950
#370906

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026