Zum Farbwähler springen

Farbe #aa313d: Sattes dunkles Rot

#aa313d ist rgb(170, 49, 61) in RGB und oklch(49.964% 0.15647 19.503) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

354°
100 %

50 %
0,156
20°
  • Rot
  • Dunkel
  • Kräftig
  • Satt
  • Warm
  • ≈ Braun
  • orange-800
  • Schwarz 33 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
6.53:1Gut lesbar · AA
Lc -86
Schwarzer Text
3.22:1Schwer lesbar
Lc 23

Abstufungen

Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.

Harmonien

Als Palette öffnen

Zuletzt

Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.

Über #aa313d

#aa313d ist ein sattes dunkles rot. In OKLCH hat die Farbe die Helligkeit 50 %, das Chroma 0.156 und den Farbton 20°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 6.53:1, schwarzer Text 3.22:1. Besser lesbar ist also weißer Text.

Die nächste benannte Farbe ist Braun (#a52a2a). In Tailwind CSS kommt orange-800 am nächsten.

Mehr dunkle rote farben

Heller: #aa313d mit Weiß gemischt

  1. aa313d
  2. b5494f
  3. bf5e61
  4. c97274
  5. d28687
  6. db9a9a
  7. e3aead
  8. ebc2c1
  9. f2d6d6
  10. f9ebea

Dunkler: #aa313d mit Schwarz gemischt

  1. aa313d
  2. 932934
  3. 7d222b
  4. 681a22
  5. 53131a
  6. 3f0c12
  7. 2d060a
  8. 1b0304
  9. 0b0101
  10. 010000

Ruhiger: #aa313d mit weniger Sättigung

  1. aa313d
  2. a43941
  3. 9e4045
  4. 984649
  5. 914b4d
  6. 8a5051
  7. 835555
  8. 7c5958
  9. 745c5c
  10. 6c605f

Fragen zu #aa313d

Welche Farbe ist #aa313d?

#aa313d ist ein sattes dunkles rot. Die nächste benannte Farbe ist Sattes dunkles Rot. In RGB ist das rgb(170, 49, 61), in HSL hsl(354.05, 55.25%, 42.94%) und in OKLCH oklch(49.964% 0.15647 19.503).

Welche Farben passen zu #aa313d?

Die Komplementärfarbe von #aa313d ist #00747a. Ruhiger wirkt die Kombination mit den analogen Farben #a03370 und #a53e00. Die triadischen Partner sind #277705 und #255fba.

Ist weißer oder schwarzer Text auf #aa313d besser lesbar?

Weißer Text ist auf #aa313d besser lesbar: Weiß ergibt ein Kontrastverhältnis von 6.53:1, Schwarz 3.22:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #aa313d eine warme oder kühle Farbe?

#aa313d wirkt warm. In OKLCH liegt der Farbton bei 20 Grad, die Helligkeit bei 50 % und das Chroma bei 0.156.