Zum Farbwähler springen

Farbe #ae8564: Staubiges Orange

#ae8564 ist rgb(174, 133, 100) in RGB und oklch(64.812% 0.06845 60.006) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

27°
100 %

64,8 %
0,068
60°
  • Orange
  • Mittel
  • Sanft
  • Staubig
  • Warm
  • ≈ Kupfer
  • stone-400
  • Schwarz 32 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.31:1Schwer lesbar
Lc -66
Schwarzer Text
6.34:1Gut lesbar · AA
Lc 44

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

#ae8564 ist ein staubiges orange. In OKLCH hat die Farbe die Helligkeit 64,8 %, das Chroma 0.068 und den Farbton 60°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.31:1, schwarzer Text 6.34: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: #ae8564 mit Weiß gemischt

  1. ae8564
  2. b69173
  3. be9d82
  4. c7a991
  5. cfb5a0
  6. d7c1b0
  7. dfcdbf
  8. e7d9cf
  9. efe6df
  10. f7f2ef

Dunkler: #ae8564 mit Schwarz gemischt

  1. ae8564
  2. 977356
  3. 806148
  4. 6a503b
  5. 55402e
  6. 413022
  7. 2e2116
  8. 1c130b
  9. 0b0603
  10. 010100

Ruhiger: #ae8564 mit weniger Sättigung

  1. ae8564
  2. ab8669
  3. a8876d
  4. a58872
  5. a28976
  6. 9f8a7a
  7. 9c8b7e
  8. 988c82
  9. 958d86
  10. 928e8a

Ähnliche benannte Farben

Farben, die zu #ae8564 passen

Komplementär
#ae8564#6895b4
Analog
#ae8564#b57f76#9f8d5d
Triadisch
#ae8564#5d9d90#9585b3
Split
#ae8564#599aa6#7e8db9

Fragen zu #ae8564

Welche Farbe ist #ae8564?

#ae8564 ist ein staubiges orange. Die nächste benannte Farbe ist Staubiges Orange. In RGB ist das rgb(174, 133, 100), in HSL hsl(26.76, 31.36%, 53.73%) und in OKLCH oklch(64.812% 0.06845 60.006).

Welche Farben passen zu #ae8564?

Die Komplementärfarbe von #ae8564 ist #6895b4. Ruhiger wirkt die Kombination mit den analogen Farben #b57f76 und #9f8d5d. Die triadischen Partner sind #5d9d90 und #9585b3.

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

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

Ist #ae8564 eine warme oder kühle Farbe?

#ae8564 wirkt warm. In OKLCH liegt der Farbton bei 60 Grad, die Helligkeit bei 64,8 % und das Chroma bei 0.068.