Zum Farbwähler springen

Farbe #bb684b: Sanftes Braun

#bb684b ist rgb(187, 104, 75) in RGB und oklch(60.561% 0.11458 39.844) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

16°
100 %

60,6 %
0,115
40°
  • Braun
  • Mittel
  • Sanft
  • Warm
  • ≈ Kupfer
  • amber-700
  • Schwarz 27 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
4.04:1Schwer lesbar
Lc -73
Schwarzer Text
5.19:1Gut lesbar · AA
Lc 37

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

#bb684b ist ein sanftes braun. In OKLCH hat die Farbe die Helligkeit 60,6 %, das Chroma 0.115 und den Farbton 40°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 4.04:1, schwarzer Text 5.19: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: #bb684b mit Weiß gemischt

  1. bb684b
  2. c3775d
  3. cb866e
  4. d29580
  5. d9a492
  6. e0b3a3
  7. e7c2b5
  8. edd1c7
  9. f3e0da
  10. f9f0ec

Dunkler: #bb684b mit Schwarz gemischt

  1. bb684b
  2. a25940
  3. 8a4b35
  4. 733e2b
  5. 5c3021
  6. 462417
  7. 32180e
  8. 1f0c06
  9. 0d0402
  10. 020000

Ruhiger: #bb684b mit weniger Sättigung

  1. bb684b
  2. b66b51
  3. b16e57
  4. ab715d
  5. a67463
  6. a07768
  7. 9b796d
  8. 957b73
  9. 8f7e78
  10. 88807d

Fragen zu #bb684b

Welche Farbe ist #bb684b?

#bb684b ist ein sanftes braun. Die nächste benannte Farbe ist Sanftes Braun. In RGB ist das rgb(187, 104, 75), in HSL hsl(15.54, 45.16%, 51.37%) und in OKLCH oklch(60.561% 0.11458 39.844).

Welche Farben passen zu #bb684b?

Die Komplementärfarbe von #bb684b ist #0091b1. Ruhiger wirkt die Kombination mit den analogen Farben #bb6372 und #ad7427. Die triadischen Partner sind #35976a und #7579c5.

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

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

Ist #bb684b eine warme oder kühle Farbe?

#bb684b wirkt warm. In OKLCH liegt der Farbton bei 40 Grad, die Helligkeit bei 60,6 % und das Chroma bei 0.115.