ColorTool
Anmelden
#AC0D1E

#ac0d1e ≈ Firebrick

  • Rot
  • Helligkeit: geringer
  • Sättigung: kräftiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#ac0d1e ist eine Farbe aus der Farbfamilie „Rot“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 67,45 % Rot, 5,1 % Grün und 11,76 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 92,44 % Magenta, 82,56 % Gelb und 32,55 % Schwarz. Ihr Farbtonwinkel beträgt 353,58° bei 85,95 % Sättigung und 36,27 % 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. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 7,42:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Firebrick (#b22222), ΔE 2,75.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #ac0d1e
  2. #0dac9b

Geteilt komplementär

  1. #ac0d1e
  2. #0dac4b
  3. #0d6eac

Analog

  1. #ac0d6e
  2. #ac0d1e
  3. #ac4b0d

Triadisch

  1. #ac0d1e
  2. #1eac0d
  3. #0d1eac

Tetradisch

  1. #ac0d1e
  2. #ac9b0d
  3. #0dac9b
  4. #0d1eac

Quadrat

  1. #ac0d1e
  2. #6eac0d
  3. #0dac9b
  4. #4b0dac

Monochrom

  1. #1e0205
  2. #650812
  3. #ac0d1e
  4. #ee182f
  5. #f35f6f

Schattierungen

#ac0d1e schrittweise mit Schwarz gemischt.

  1. #ac0d1e
  2. #9b0c1b
  3. #8a0a18
  4. #780915
  5. #670812
  6. #56070f
  7. #45050c
  8. #340409
  9. #220306
  10. #110103
  11. #000000

Tönungen

#ac0d1e schrittweise mit Weiß gemischt.

  1. #ac0d1e
  2. #b42535
  3. #bd3d4b
  4. #c55662
  5. #cd6e78
  6. #d6868f
  7. #de9ea5
  8. #e6b6bc
  9. #eecfd2
  10. #f7e7e9
  11. #ffffff

Abtönungen

#ac0d1e schrittweise mit Grau gemischt.

  1. #ac0d1e
  2. #a81928
  3. #a32432
  4. #9f303b
  5. #9a3b45
  6. #96474f
  7. #925259
  8. #8d5e63
  9. #89696c
  10. #847576
  11. #808080

Lesbarer Text 7.42:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Lesbarer Text 2.83:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #555555 ≈ 0.003% der Männer
Achromatomalie #814345 ≈ 0.001% der Männer
Protanopie #48401c ≈ 1.01% der Männer
Deuteranopie #6d6116 ≈ 1.27% der Männer
Tritanopie #be0017 ≈ 0.0001% der Männer
Protanomalie #7d331d ≈ 1.08% der Männer
Deuteranomalie #8b4c19 ≈ 4.63% der Männer
Tritanomalie #b7001a ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-ac0d1e {
  color: #ac0d1e;
}
Hintergrund
.bg-ac0d1e {
  background-color: #ac0d1e;
  color: #ffffff;
}
Rahmen
.border-ac0d1e {
  border: 2px solid #ac0d1e;
}
CSS-Variablen
:root {
  --color-primary: #ac0d1e;
  --color-primary-rgb: 172 13 30;
  --color-primary-hsl: 354 86% 36%;
}
Verlauf
.gradient-ac0d1e {
  background: linear-gradient(135deg, #ac0d1e, #ac4b0d);
}
Farbiger Schatten
.shadow-ac0d1e {
  box-shadow: 0 8px 24px rgb(172 13 30 / 0.35);
}

#b22222 Firebrick ΔE 2.75 #a52a2a Brown ΔE 2.99 #a52a2a Auburn ΔE 2.99 #b31b1b Cornell Red ΔE 3.04 #960018 Carmine ΔE 4.68 #92000a Sangria ΔE 6.06 #a81c07 Rufous ΔE 6.20 #53f2e1 Invertiert #555555 Graustufen 

Firebrick
#ac0d1e  rgb(172, 13, 30)  hsl(354, 86%, 36%)  Firebrick
#0dac9b  rgb(13, 172, 155)  hsl(174, 86%, 36%)  Persian Green
#1eac0d  rgb(30, 172, 13)  hsl(114, 86%, 36%)  Kelly Green
#0d1eac  rgb(13, 30, 172)  hsl(234, 86%, 36%)  Zaffre