Zum Farbwähler springen

Farbe #bc673c: Kräftiges Braun

#bc673c ist rgb(188, 103, 60) in RGB und oklch(60.31% 0.12313 46.196) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

20°
100 %

60,3 %
0,123
46°
  • Braun
  • Mittel
  • Kräftig
  • Warm
  • ≈ Kupfer
  • amber-700
  • Schwarz 26 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.08:1Schwer lesbar
Lc -73
Schwarzer Text
5.14:1Gut lesbar · AA
Lc 36

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

#bc673c ist ein kräftiges braun. In OKLCH hat die Farbe die Helligkeit 60,3 %, das Chroma 0.123 und den Farbton 46°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

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

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

Mehr mittlere braune farben

Heller: #bc673c mit Weiß gemischt

  1. bc673c
  2. c47650
  3. cc8564
  4. d39577
  5. daa48a
  6. e1b39d
  7. e7c2b0
  8. eed1c4
  9. f4e0d7
  10. f9f0eb

Dunkler: #bc673c mit Schwarz gemischt

  1. bc673c
  2. a35933
  3. 8b4b2a
  4. 733d21
  5. 5d3019
  6. 472311
  7. 32170a
  8. 1f0c04
  9. 0d0401
  10. 020000

Ruhiger: #bc673c mit weniger Sättigung

  1. bc673c
  2. b76a45
  3. b16e4d
  4. ac7154
  5. a6735b
  6. a17662
  7. 9b7868
  8. 957b6f
  9. 8e7d75
  10. 887f7b

Fragen zu #bc673c

Welche Farbe ist #bc673c?

#bc673c ist ein kräftiges braun. Die nächste benannte Farbe ist Kräftiges Braun. In RGB ist das rgb(188, 103, 60), in HSL hsl(20.16, 51.61%, 48.63%) und in OKLCH oklch(60.31% 0.12313 46.196).

Welche Farben passen zu #bc673c?

Die Komplementärfarbe von #bc673c ist #008fb9. Ruhiger wirkt die Kombination mit den analogen Farben #bf5f67 und #aa750e. Die triadischen Partner sind #099870 und #7c74c7.

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

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

Ist #bc673c eine warme oder kühle Farbe?

#bc673c wirkt warm. In OKLCH liegt der Farbton bei 46 Grad, die Helligkeit bei 60,3 % und das Chroma bei 0.123.