Sunflower Yellow #FFDA03
Sunflower Yellow ist eine Farbe im Bereich Gelb, hell und leuchtend, mit dem Hex-Code #FFDA03 und dem RGB-Wert rgb(255, 218, 3).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (15.28:1).
Über diese Farbe
#FFDA03 ist eine Farbe im Bereich Gelb, hell und leuchtend. In OKLCH liegt die Helligkeit bei 89 %, die Chroma bei 0.184 und der Farbwinkel bei 97°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Sunflower Yellow. Schwarzer Text ist darauf am besten lesbar, mit 15.28:1.
| Farbfamilie | Gelb |
| Helligkeit | hell (89%) |
| Chroma | leuchtend (0.184) |
| Temperatur | warm |
| Nächster Name | Sunflower Yellow |
| Schwarzer Text | 15.28:1 |
| Weißer Text | 1.37:1 |
Farben, die zu Sunflower Yellow passen
Passende Farben, gefunden durch Drehen von Sunflower Yellow auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.
Komplementär
Der gegenüberliegende Farbton (180°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
Farbpaletten mit Sunflower Yellow
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Sunflower Yellow enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Sunflower Yellow am nächsten liegen, mit ihrem ΔE-Abstand.
- Gold #FFD700 ΔE 0.007
- Sun Yellow #FFDF22 ΔE 0.012
- Dandelion #FEDF08 ΔE 0.012
- Dull Yellow #EEDC5B ΔE 0.038
- Sand Yellow #FCE166 ΔE 0.042
- Light Mustard #F7D560 ΔE 0.047
- Maize #F4D054 ΔE 0.048
- Pale Gold #FDDE6C ΔE 0.048
Mehr über Sunflower Yellow
So mischst du Sunflower Yellow
Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.
- 2 Teile Gelb
- 1 Teil Weiß
Ergebnis des Rezepts: #FFD932, eine Abweichung von ΔE 0.013 zu Sunflower Yellow. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Sunflower Yellow in jedem Format
| HEX | #FFDA03 |
| RGB | rgb(255, 218, 3) |
| HSL | hsl(51, 100%, 51%) |
| OKLCH | oklch(89.3% 0.184 96.6) |
Kontrast
WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-Empfehlung |
|---|---|---|---|---|
| Weißer Text auf #FFDA03 | 1.37:1 | Nicht bestanden | Lc -20.6 | Nur Trennlinien und Dekoration |
| Schwarzer Text auf #FFDA03 | 15.28:1 | AAA | Lc 85.7 | Gut für Fließtext |
| #FFDA03 als Text auf Weiß | 1.37:1 | Nicht bestanden | Lc 18.0 | Nur Trennlinien und Dekoration |
| #FFDA03 als Text auf Schwarz | 15.28:1 | AAA | Lc -85.6 | Gut für Fließtext |
Shades und Tints von Sunflower Yellow
Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 200.
-
Stufe 50
50
#FBF6DE
oklch(97.1% 0.032 97.3)
-
Stufe 100
100
#F7EBB7
oklch(93.7% 0.068 96.6)
-
Stufe 200
200 (diese Farbe)
#FFDA03
oklch(89.3% 0.184 96.6)
-
Stufe 300
300
#E0BF00
oklch(80.9% 0.167 96.5)
-
Stufe 400
400
#BB9F00
oklch(70.6% 0.145 96.4)
-
Stufe 500
500
#A08800
oklch(63% 0.13 96.6)
-
Stufe 600
600
#877200
oklch(55.5% 0.114 96.2)
-
Stufe 700
700
#716000
oklch(49.1% 0.101 97)
-
Stufe 800
800
#5D4E00
oklch(42.6% 0.088 96.3)
-
Stufe 900
900
#4E4100
oklch(37.8% 0.078 96.2)
-
Stufe 950
950
#2E2600
oklch(27% 0.056 97.1)
Sunflower Yellow bei Farbenblindheit
Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.
| Sehen | Wirkt als | Verschiebung (ΔE) |
|---|---|---|
| Protanopie (keine Rotzapfen) | #F2D500 | 0.024 |
| Deuteranopie (keine Grünzapfen) | #FCE126 | 0.016 |
| Tritanopie (keine Blauzapfen) | #FFC7BA | 0.165 |
| Achromatopsie (kein Farbsehen) | #DCDCDC | 0.184 |
Nutze Sunflower Yellow in deinem Produkt
Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.