Zum Farbwähler springen

Farbe #eaa366: Sanftes helles Orange

#eaa366 ist rgb(234, 163, 102) in RGB und oklch(77.171% 0.11453 60.547) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

28°
100 %

77,2 %
0,115
61°
  • Orange
  • Hell
  • Sanft
  • Warm
  • ≈ Hellbraun
  • orange-300
  • Schwarz 8 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
2.11:1Schwer lesbar
Lc -46
Schwarzer Text
9.93:1Gut lesbar · AA
Lc 63

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

#eaa366 ist ein sanftes helles orange. In OKLCH hat die Farbe die Helligkeit 77,2 %, das Chroma 0.115 und den Farbton 61°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr helle orangefarbene farben Farben

Heller: #eaa366 mit Weiß gemischt

  1. eaa366
  2. edac76
  3. efb686
  4. f2bf96
  5. f4c8a5
  6. f6d1b4
  7. f8dbc3
  8. fae4d2
  9. fcede1
  10. fef6f0

Dunkler: #eaa366 mit Schwarz gemischt

  1. eaa366
  2. cb8d58
  3. ae784a
  4. 91633c
  5. 754f2f
  6. 5a3c23
  7. 412a17
  8. 29190c
  9. 130a04
  10. 030100

Ruhiger: #eaa366 mit weniger Sättigung

  1. eaa366
  2. e5a56f
  3. e0a778
  4. dba980
  5. d6ab89
  6. d1ad90
  7. cbaf98
  8. c6b09f
  9. c0b2a6
  10. bab3ae

Ähnliche benannte Farben

Farben, die zu #eaa366 passen

Komplementär
#eaa366#6cbef7
Analog
#eaa366#f59888#d0b258
Triadisch
#eaa366#4fcdb8#c1a4f3
Split
#eaa366#46c8de#99b1fe

Fragen zu #eaa366

Welche Farbe ist #eaa366?

#eaa366 ist ein sanftes helles orange. Die nächste benannte Farbe ist Sanftes helles Orange. In RGB ist das rgb(234, 163, 102), in HSL hsl(27.73, 75.86%, 65.88%) und in OKLCH oklch(77.171% 0.11453 60.547).

Welche Farben passen zu #eaa366?

Die Komplementärfarbe von #eaa366 ist #6cbef7. Ruhiger wirkt die Kombination mit den analogen Farben #f59888 und #d0b258. Die triadischen Partner sind #4fcdb8 und #c1a4f3.

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

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

Ist #eaa366 eine warme oder kühle Farbe?

#eaa366 wirkt warm. In OKLCH liegt der Farbton bei 61 Grad, die Helligkeit bei 77,2 % und das Chroma bei 0.115.