Zum Farbwähler springen

Farbe #ffaa84: Pastellfarbenes helles Orange

#ffaa84 ist rgb(255, 170, 132) in RGB und oklch(81.267% 0.11301 44.802) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

19°
100 %

81,3 %
0,113
45°
  • Orange
  • Hell
  • Kräftig
  • Pastell
  • Warm
  • ≈ Hellbraun
  • red-300
  • Schwarz 0 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
1.85:1Schwer lesbar
Lc -39
Schwarzer Text
11.34:1Gut lesbar · AA
Lc 69

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

#ffaa84 ist ein pastellfarbenes helles orange. In OKLCH hat die Farbe die Helligkeit 81,3 %, das Chroma 0.113 und den Farbton 45°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 1.85:1, schwarzer Text 11.34:1. Besser lesbar ist also schwarzer Text.

Die nächste benannte Farbe ist Hellbraun (#d2b48c). In Tailwind CSS kommt red-300 am nächsten.

Mehr helle orangefarbene farben Farben

Heller: #ffaa84 mit Weiß gemischt

  1. ffaa84
  2. ffb391
  3. ffbb9d
  4. ffc4a9
  5. ffcdb6
  6. ffd5c2
  7. ffdece
  8. ffe6da
  9. ffeee6
  10. fff7f3

Dunkler: #ffaa84 mit Schwarz gemischt

  1. ffaa84
  2. de9372
  3. be7d60
  4. 9e684f
  5. 80533f
  6. 633f2f
  7. 482d20
  8. 2e1b12
  9. 160b06
  10. 030101

Ruhiger: #ffaa84 mit weniger Sättigung

  1. ffaa84
  2. f9ad8b
  3. f4b091
  4. eeb298
  5. e8b59e
  6. e2b7a4
  7. dcb9aa
  8. d6bbb0
  9. cfbeb6
  10. c8c0bc

Fragen zu #ffaa84

Welche Farbe ist #ffaa84?

#ffaa84 ist ein pastellfarbenes helles orange. Die nächste benannte Farbe ist Pastellfarbenes helles Orange. In RGB ist das rgb(255, 170, 132), in HSL hsl(18.54, 100%, 75.88%) und in OKLCH oklch(81.267% 0.11301 44.802).

Welche Farben passen zu #ffaa84?

Die Komplementärfarbe von #ffaa84 ist #66d1f8. Ruhiger wirkt die Kombination mit den analogen Farben #ffa3aa und #edb76a. Die triadischen Partner sind #74d9af und #bab8ff.

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

Schwarzer Text ist auf #ffaa84 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 1.85:1, Schwarz 11.34:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

Ist #ffaa84 eine warme oder kühle Farbe?

#ffaa84 wirkt warm. In OKLCH liegt der Farbton bei 45 Grad, die Helligkeit bei 81,3 % und das Chroma bei 0.113.