ColorTool
Anmelden
#F42130

#f42130 ≈ Tractor Red

  • Rot
  • Helligkeit: mittlerer
  • Sättigung: leuchtender
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#f42130 ist eine Farbe aus der Farbfamilie „Rot“ mit mittlerer Helligkeit und leuchtender Sättigung. Im RGB-Modell besteht sie aus 95,69 % Rot, 12,94 % Grün und 18,82 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 86,48 % Magenta, 80,33 % Gelb und 4,31 % Schwarz. Ihr Farbtonwinkel beträgt 355,73° bei 90,56 % Sättigung und 54,31 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Energie, Leidenschaft und Dringlichkeit verbunden. Designer verwenden sie häufig für Lebensmittelmarken und Restaurants, Sales und Aktionen und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,11:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Tractor Red (#fd0e35), ΔE 2,05.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#ff3333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.2053

Komplementär

  1. #f42130
  2. #21f4e5

Geteilt komplementär

  1. #f42130
  2. #21f47b
  3. #219af4

Analog

  1. #f4219a
  2. #f42130
  3. #f47b21

Triadisch

  1. #f42130
  2. #30f421
  3. #2130f4

Tetradisch

  1. #f42130
  2. #f4e521
  3. #21f4e5
  4. #2130f4

Quadrat

  1. #f42130
  2. #9af421
  3. #21f4e5
  4. #7b21f4

Monochrom

  1. #76060e
  2. #bf0916
  3. #f42130
  4. #f86a74
  5. #fbb3b8

Schattierungen

#f42130 schrittweise mit Schwarz gemischt.

  1. #f42130
  2. #dc1e2b
  3. #c31a26
  4. #ab1722
  5. #92141d
  6. #7a1118
  7. #620d13
  8. #490a0e
  9. #31070a
  10. #180305
  11. #000000

Tönungen

#f42130 schrittweise mit Weiß gemischt.

  1. #f42130
  2. #f53745
  3. #f64d59
  4. #f7646e
  5. #f87a83
  6. #fa9098
  7. #fba6ac
  8. #fcbcc1
  9. #fdd3d6
  10. #fee9ea
  11. #ffffff

Abtönungen

#f42130 schrittweise mit Grau gemischt.

  1. #f42130
  2. #e82b38
  3. #dd3440
  4. #d13e48
  5. #c64750
  6. #ba5158
  7. #ae5a60
  8. #a36468
  9. #976d70
  10. #8c7778
  11. #808080

Lesbarer Text 4.11:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 5.11:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7d7d7d ≈ 0.003% der Männer
Achromatomalie #b96567 ≈ 0.001% der Männer
Protanopie #6b612e ≈ 1.01% der Männer
Deuteranopie #9d8d25 ≈ 1.27% der Männer
Tritanopie #ff002b ≈ 0.0001% der Männer
Protanomalie #b34e2f ≈ 1.08% der Männer
Deuteranomalie #c6712a ≈ 4.63% der Männer
Tritanomalie #ff002d ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-f42130 {
  color: #f42130;
}
Hintergrund
.bg-f42130 {
  background-color: #f42130;
  color: #000000;
}
Rahmen
.border-f42130 {
  border: 2px solid #f42130;
}
CSS-Variablen
:root {
  --color-primary: #f42130;
  --color-primary-rgb: 244 33 48;
  --color-primary-hsl: 356 91% 54%;
}
Verlauf
.gradient-f42130 {
  background: linear-gradient(135deg, #f42130, #f47b21);
}
Farbiger Schatten
.shadow-f42130 {
  box-shadow: 0 8px 24px rgb(244 33 48 / 0.35);
}

#fd0e35 Tractor Red ΔE 2.05 #e34234 Cinnabar ΔE 3.76 #e34234 Vermilion ΔE 3.76 #e62020 Lust ΔE 4.13 #e30022 Cadmium Red ΔE 4.95 #ff0000 Red ΔE 6.76 #ff0800 Candy Apple Red ΔE 6.91 #0bdecf Invertiert #7d7d7d Graustufen 

Tractor Red
#f42130  rgb(244, 33, 48)  hsl(356, 91%, 54%)  Tractor Red
#21f4e5  rgb(33, 244, 229)  hsl(176, 91%, 54%)  Turquoise Blue
#30f421  rgb(48, 244, 33)  hsl(116, 91%, 54%)  Lime
#2130f4  rgb(33, 48, 244)  hsl(236, 91%, 54%)  Han Purple