Zum Farbwähler springen

Schokobraun: Farbcode #d2691e

Schokobraun ist #d2691e, in RGB rgb(210, 105, 30) und in OKLCH oklch(63.44% 0.15499 50.266). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

25°
100 %

63,4 %
0,155
50°
  • Orange
  • Mittel
  • Kräftig
  • Warm
  • amber-600
  • Schwarz 18 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.63:1Schwer lesbar
Lc -69
Schwarzer Text
5.78:1Gut lesbar · AA
Lc 41

Abstufungen

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

Harmonien

Zuletzt

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

Auch genannt: Schokolade, Chocolate

Paletten mit Schokobraun

Ähnliche benannte Farben

Fragen zu Schokobraun

Wie lautet der HEX-Code von Schokobraun?

Der HEX-Code von Schokobraun ist #d2691e. In RGB ist das rgb(210, 105, 30), in HSL hsl(25, 75%, 47.06%) und in OKLCH oklch(63.44% 0.15499 50.266).

Welche Farben passen zu Schokobraun?

Die Komplementärfarbe ist #0099d3. Ruhiger wirkt die Kombination mit den analogen Farben #d85d62 und #b97e00. Fertige Paletten mit Schokobraun findest du auf dieser Seite.

Ist Schokobraun eine warme oder kühle Farbe?

Schokobraun wirkt warm, der Farbton liegt in OKLCH bei 50 Grad.

Welche Textfarbe ist auf Schokobraun gut lesbar?

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

Über #d2691e

#d2691e ist ein kräftiges orange. In OKLCH hat die Farbe die Helligkeit 63,4 %, das Chroma 0.155 und den Farbton 50°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

Die nächste benannte Farbe ist Schokobraun (#d2691e). In Tailwind CSS kommt amber-600 am nächsten.

Mehr mittlere orangefarbene farben

Heller: #d2691e mit Weiß gemischt

  1. d2691e

Dunkler: #d2691e mit Schwarz gemischt

  1. d2691e

Ruhiger: #d2691e mit weniger Sättigung

  1. d2691e

Ähnliche benannte Farben

Farben, die zu #d2691e passen

Komplementär
#d2691e
Analog
#d2691e
Triadisch
#d2691e
Split
#d2691e