Zum Farbwähler springen

Farbe #ae7331: Kräftiges Braun

#ae7331 ist rgb(174, 115, 49) in RGB und oklch(60.525% 0.10987 65.79) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Erkannt als HEX

32°
100 %

60,5 %
0,110
66°
  • Braun
  • Mittel
  • Kräftig
  • Warm
  • ≈ Kupfer
  • yellow-700
  • Schwarz 32 %

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text
3.96:1Schwer lesbar
Lc -72
Schwarzer Text
5.30: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 #ae7331

#ae7331 ist ein kräftiges braun. In OKLCH hat die Farbe die Helligkeit 60,5 %, das Chroma 0.11 und den Farbton 66°.

Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.

Weißer Text erreicht darauf einen Kontrast von 3.96:1, schwarzer Text 5.3: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

Heller: #ae7331 mit Weiß gemischt

  1. ae7331
  2. b78148
  3. bf8f5d
  4. c79c72
  5. d0aa86
  6. d8b89a
  7. e0c6ae
  8. e8d4c2
  9. f0e2d6
  10. f7f1ea

Dunkler: #ae7331 mit Schwarz gemischt

  1. ae7331
  2. 976329
  3. 805422
  4. 6a451a
  5. 553613
  6. 41280c
  7. 2e1b06
  8. 1c0f03
  9. 0b0501
  10. 010100

Ruhiger: #ae7331 mit weniger Sättigung

  1. ae7331
  2. aa753c
  3. a67746
  4. a2784f
  5. 9d7a57
  6. 997c5f
  7. 947d66
  8. 907e6d
  9. 8b7f74
  10. 86817b

Ähnliche benannte Farben

Farben, die zu #ae7331 passen

Komplementär
#ae7331#4387bf
Analog
#ae7331#ba6852#968126
Triadisch
#ae7331#00968b#9270b6
Split
#ae7331#0091ab#707bc3

Fragen zu #ae7331

Welche Farbe ist #ae7331?

#ae7331 ist ein kräftiges braun. Die nächste benannte Farbe ist Kräftiges Braun. In RGB ist das rgb(174, 115, 49), in HSL hsl(31.68, 56.05%, 43.73%) und in OKLCH oklch(60.525% 0.10987 65.79).

Welche Farben passen zu #ae7331?

Die Komplementärfarbe von #ae7331 ist #4387bf. Ruhiger wirkt die Kombination mit den analogen Farben #ba6852 und #968126. Die triadischen Partner sind #00968b und #9270b6.

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

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

Ist #ae7331 eine warme oder kühle Farbe?

#ae7331 wirkt warm. In OKLCH liegt der Farbton bei 66 Grad, die Helligkeit bei 60,5 % und das Chroma bei 0.11.