Zum Farbwähler springen

Kupfer: Farbcode #b87333

Kupfer ist #b87333, in RGB rgb(184, 115, 51) und in OKLCH oklch(61.795% 0.1171 60.399). Alle weiteren Formate, Farbtöne, passenden Farben und Paletten findest du unten.

Erkannt als HEX

29°
100 %

61,8 %
0,117
60°
  • Braun
  • Mittel
  • Kräftig
  • Warm
  • yellow-700
  • Schwarz 28 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.79:1Schwer lesbar
Lc -71
Schwarzer Text
5.54:1Gut lesbar · AA
Lc 39

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.

Auch genannt: Copper

Paletten mit Kupfer

Ähnliche benannte Farben

Fragen zu Kupfer

Wie lautet der HEX-Code von Kupfer?

Der HEX-Code von Kupfer ist #b87333. In RGB ist das rgb(184, 115, 51), in HSL hsl(28.87, 56.6%, 46.08%) und in OKLCH oklch(61.795% 0.1171 60.399).

Welche Farben passen zu Kupfer?

Die Komplementärfarbe ist #368ec5. Ruhiger wirkt die Kombination mit den analogen Farben #c2685a und #a0821d. Fertige Paletten mit Kupfer findest du auf dieser Seite.

Ist Kupfer eine warme oder kühle Farbe?

Kupfer wirkt warm, der Farbton liegt in OKLCH bei 60 Grad.

Welche Textfarbe ist auf Kupfer gut lesbar?

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

Über #b87333

#b87333 ist ein kräftiges braun. In OKLCH hat die Farbe die Helligkeit 61,8 %, das Chroma 0.117 und den Farbton 60°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere braune farben Farben

Heller: #b87333 mit Weiß gemischt

  1. b87333
  2. c0814a
  3. c78f5f
  4. cf9d73
  5. d6ab87
  6. ddb89b
  7. e4c6af
  8. ebd4c3
  9. f2e3d7
  10. f9f1eb

Dunkler: #b87333 mit Schwarz gemischt

  1. b87333
  2. a0632b
  3. 885423
  4. 71451c
  5. 5b3614
  6. 45280d
  7. 311b07
  8. 1e0f03
  9. 0c0501
  10. 020100

Ruhiger: #b87333 mit weniger Sättigung

  1. b87333
  2. b3753e
  3. af7848
  4. aa7a51
  5. a57c5a
  6. a07e62
  7. 9b7f69
  8. 968171
  9. 918378
  10. 8b847f