#FB8C00 — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #FB8C00 | |
| RGB | rgb(251, 140, 0) | |
| HSL | hsl(33, 100%, 49%) |
Dunklere Töne von #FB8C00
| #E07B00 | #C76D00 | #AD5F00 | #945100 | #7A4300 | #613500 | #472700 | #2E1900 |
Hellere Töne von #FB8C00
| #FF9514 | #FFA12E | #FFAC47 | #FFB861 | #FFC37A | #FFCF94 | #FFDAAD | #FFE6C7 |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#0070FA
|
Analog +30°
#EDFA00
|
Analog −30°
#FA0C00
|
Triade +120°
#00FA89
|
Triade −120°
#8900FA
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #FB8C00;
}
.element-bg {
background-color: #FB8C00;
color: #000000;
}
.element-border {
border: 2px solid #FB8C00;
}
Über #FB8C00
#FB8C00 ist eine mittlere Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #FB8C00. Die genauen Farbmodellwerte sind rgb(251, 140, 0) in RGB und hsl(33, 100%, 49%) in HSL (Farbton 33°, Sättigung 100%, Helligkeit 49%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 2.37:1 — Nicht bestanden, auf schwarzem 8.85:1 — AAA bestanden (Normalstext). Verwende #FB8C00 für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.
Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.
Farbauswahl öffnen →