Zum Farbwähler springen

Farbe #aa8570: Staubiges Orange

#aa8570 ist rgb(170, 133, 112) in RGB und oklch(64.644% 0.05482 50.989) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

22°
100 %

64,6 %
0,055
51°
  • Orange
  • Mittel
  • Gedämpft
  • Staubig
  • Warm
  • ≈ Kupfer
  • stone-400
  • Schwarz 33 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.33:1Schwer lesbar
Lc -66
Schwarzer Text
6.30:1Gut lesbar · AA
Lc 43

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 #aa8570

#aa8570 ist ein staubiges orange. In OKLCH hat die Farbe die Helligkeit 64,6 %, das Chroma 0.055 und den Farbton 51°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Kupfer (#b87333). In Tailwind CSS kommt stone-400 am nächsten.

Mehr mittlere orangefarbene farben Farben

Heller: #aa8570 mit Weiß gemischt

  1. aa8570
  2. b3917e
  3. bb9c8b
  4. c4a899
  5. ccb4a7
  6. d5c1b6
  7. ddcdc4
  8. e6d9d2
  9. eee6e1
  10. f7f2f0

Dunkler: #aa8570 mit Schwarz gemischt

  1. aa8570
  2. 937360
  3. 7d6151
  4. 685043
  5. 534035
  6. 3f3027
  7. 2d211a
  8. 1b130e
  9. 0b0604
  10. 010101

Ruhiger: #aa8570 mit weniger Sättigung

  1. aa8570
  2. a78673
  3. a58776
  4. a28879
  5. 9f897c
  6. 9c8a7f
  7. 9a8b82
  8. 978b85
  9. 948c88
  10. 918d8b

Ähnliche benannte Farben

Farben, die zu #aa8570 passen

Komplementär
#aa8570#6c95aa
Analog
#aa8570#ad8180#9f8b68
Triadisch
#aa8570#6c998a#8e89ae
Split
#aa8570#65999c#7b8fb0

Fragen zu #aa8570

Welche Farbe ist #aa8570?

#aa8570 ist ein staubiges orange. Die nächste benannte Farbe ist Staubiges Orange. In RGB ist das rgb(170, 133, 112), in HSL hsl(21.72, 25.44%, 55.29%) und in OKLCH oklch(64.644% 0.05482 50.989).

Welche Farben passen zu #aa8570?

Die Komplementärfarbe von #aa8570 ist #6c95aa. Ruhiger wirkt die Kombination mit den analogen Farben #ad8180 und #9f8b68. Die triadischen Partner sind #6c998a und #8e89ae.

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

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

Ist #aa8570 eine warme oder kühle Farbe?

#aa8570 wirkt warm. In OKLCH liegt der Farbton bei 51 Grad, die Helligkeit bei 64,6 % und das Chroma bei 0.055.