ColorTool
Log in
#F04424

#f04424 ≈ Ferrari Red

  • red
  • Lightness: medium
  • Saturation: vivid
  • Warm
Check contrast Explore in graph Random color

#f04424 is a color from the red family, with medium lightness and vivid saturation. In the RGB model it is made of 94.12% red, 26.67% green and 14.12% blue; printed in CMYK it uses 0% cyan, 71.67% magenta, 85% yellow and 5.88% black. Its hue angle is 9.41°, with 87.18% saturation and 54.12% lightness in HSL. It is a warm color, often associated with energy, passion and urgency. Designers typically use it for food and restaurant brands, sales and promotions and call-to-action buttons. Black text on this color reaches a contrast ratio of 5.56:1 (WCAG AA). The closest named color is Ferrari Red (#ff2800), ΔE 3.35.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ff3333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.2279

Complementary

  1. #f04424
  2. #24d0f0

Split complementary

  1. #f04424
  2. #24f0aa
  3. #246af0

Analogous

  1. #f0246a
  2. #f04424
  3. #f0aa24

Triadic

  1. #f04424
  2. #24f044
  3. #4424f0

Tetradic

  1. #f04424
  2. #d0f024
  3. #24d0f0
  4. #4424f0

Square

  1. #f04424
  2. #6af024
  3. #24d0f0
  4. #aa24f0

Monochromatic

  1. #731908
  2. #bb280d
  3. #f04424
  4. #f5816c
  5. #fabeb3

Shades

#f04424 mixed progressively with black.

  1. #f04424
  2. #d83d20
  3. #c0361d
  4. #a83019
  5. #902916
  6. #782212
  7. #601b0e
  8. #48140b
  9. #300e07
  10. #180704
  11. #000000

Tints

#f04424 mixed progressively with white.

  1. #f04424
  2. #f2573a
  3. #f36950
  4. #f57c66
  5. #f68f7c
  6. #f8a292
  7. #f9b4a7
  8. #fbc7bd
  9. #fcdad3
  10. #feece9
  11. #ffffff

Tones

#f04424 mixed progressively with gray.

  1. #f04424
  2. #e54a2d
  3. #da5036
  4. #ce5640
  5. #c35c49
  6. #b86252
  7. #ad685b
  8. #a26e64
  9. #96746e
  10. #8b7a77
  11. #808080

Readable text 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #838383 ≈ 0.003% of males
Achromatomaly #b96f6a ≈ 0.001% of males
Protanopia #796b1d ≈ 1.01% of males
Deuteranopia #a39118 ≈ 1.27% of males
Tritanopia #ff003f ≈ 0.0001% of males
Protanomaly #b55e20 ≈ 1.08% of males
Deuteranomaly #c77a1d ≈ 4.63% of males
Tritanomaly #ff2236 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-f04424 {
  color: #f04424;
}
Background
.bg-f04424 {
  background-color: #f04424;
  color: #000000;
}
Border
.border-f04424 {
  border: 2px solid #f04424;
}
CSS variables
:root {
  --color-primary: #f04424;
  --color-primary-rgb: 240 68 36;
  --color-primary-hsl: 9 87% 54%;
}
Gradient
.gradient-f04424 {
  background: linear-gradient(135deg, #f04424, #f0aa24);
}
Colored shadow
.shadow-f04424 {
  box-shadow: 0 8px 24px rgb(240 68 36 / 0.35);
}

#ff2800 Ferrari Red ΔE 3.35 #ff2400 Scarlet ΔE 3.39 #ff3800 Coquelicot ΔE 3.80 #ff0800 Candy Apple Red ΔE 4.01 #ff0000 Red ΔE 4.16 #e34234 Cinnabar ΔE 4.79 #e34234 Vermilion ΔE 4.79 #0fbbdb Inverted #838383 Grayscale 

Ferrari Red
#f04424  rgb(240, 68, 36)  hsl(9, 87%, 54%)  Ferrari Red
#24d0f0  rgb(36, 208, 240)  hsl(189, 87%, 54%)  Sky Blue
#24f044  rgb(36, 240, 68)  hsl(129, 87%, 54%)  Lime
#4424f0  rgb(68, 36, 240)  hsl(249, 87%, 54%)  Han Purple