Farbe #ecc56f: Pastellfarbenes helles Gelb
#ecc56f ist rgb(236, 197, 111) in RGB und oklch(83.969% 0.11402 85.523) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.
Erkannt als HEX
- Strg VFarbe überall einfügen
- LeertasteZufallsfarbe
- CHEX kopieren
- Gelb
- Hell
- Sanft
- Pastell
- Warm
- ≈ Bernstein
- orange-300
- Schwarz 7 %
Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
Abstufungen
Von der hellsten zur dunkelsten. Klick auf eine Stufe, um sie zu übernehmen.
Harmonien
Zuletzt
Farben, die du auswählst oder kopierst, erscheinen hier. Sie bleiben auf diesem Gerät.
Über #ecc56f
#ecc56f ist ein pastellfarbenes helles gelb. In OKLCH hat die Farbe die Helligkeit 84 %, das Chroma 0.114 und den Farbton 86°.
Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
Weißer Text erreicht darauf einen Kontrast von 1.64:1, schwarzer Text 12.78:1. Besser lesbar ist also schwarzer Text.
Die nächste benannte Farbe ist Bernstein (#ffbf00). In Tailwind CSS kommt orange-300 am nächsten.
Heller: #ecc56f mit Weiß gemischt
Dunkler: #ecc56f mit Schwarz gemischt
Ruhiger: #ecc56f mit weniger Sättigung
Ähnliche benannte Farben
Farben, die zu #ecc56f passen
Fragen zu #ecc56f
Welche Farbe ist #ecc56f?
#ecc56f ist ein pastellfarbenes helles gelb. Die nächste benannte Farbe ist Pastellfarbenes helles Gelb. In RGB ist das rgb(236, 197, 111), in HSL hsl(41.28, 76.69%, 68.04%) und in OKLCH oklch(83.969% 0.11402 85.523).
Welche Farben passen zu #ecc56f?
Die Komplementärfarbe von #ecc56f ist #abcaff. Ruhiger wirkt die Kombination mit den analogen Farben #ffb780 und #c7d47b. Die triadischen Partner sind #5fe0ee und #f1b0f3.
Ist weißer oder schwarzer Text auf #ecc56f besser lesbar?
Schwarzer Text ist auf #ecc56f besser lesbar: Weiß ergibt ein Kontrastverhältnis von 1.64:1, Schwarz 12.78:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.
Ist #ecc56f eine warme oder kühle Farbe?
#ecc56f wirkt warm. In OKLCH liegt der Farbton bei 86 Grad, die Helligkeit bei 84 % und das Chroma bei 0.114.