#FFECB3 — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #FFECB3 | |
| RGB | rgb(255, 236, 179) | |
| HSL | hsl(45, 100%, 85%) |
Dunklere Töne von #FFECB3
| #FFE085 | #FFD557 | #FFC929 | #FABB00 | #CC9900 | #9E7700 | #705400 | #423200 |
Hellere Töne von #FFECB3
| #FFEDB8 | #FFEEBD | #FFF0C2 | #FFF1C7 | #FFF2CC | #FFF4D1 | #FFF5D6 | #FFF6DB |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#B3C6FF
|
Analog +30°
#ECFFB3
|
Analog −30°
#FFC6B3
|
Triade +120°
#B3FFEC
|
Triade −120°
#ECB3FF
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #FFECB3;
}
.element-bg {
background-color: #FFECB3;
color: #000000;
}
.element-border {
border: 2px solid #FFECB3;
}
Über #FFECB3
#FFECB3 ist eine sehr helle Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #FFECB3. Die genauen Farbmodellwerte sind rgb(255, 236, 179) in RGB und hsl(45, 100%, 85%) in HSL (Farbton 45°, Sättigung 100%, Helligkeit 85%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 1.17:1 — Nicht bestanden, auf schwarzem 17.90:1 — AAA bestanden (Normalstext). Verwende #FFECB3 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 →