#AFD253

Nächste benannte Farbe: Yellow Green (#9ACD32). oklch(81.3% 0.158 123), rgb(175, 210, 83).

Schwarzer Text ist auf dieser Farbe am besten lesbar (12.16:1).

Über diese Farbe

#AFD253 ist eine Farbe im Bereich Gelb, hell und leuchtend. In OKLCH liegt die Helligkeit bei 81 %, die Chroma bei 0.158 und der Farbwinkel bei 123°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Die nächste benannte Farbe ist Yellow Green (#9ACD32), ΔE 0.040 entfernt. Schwarzer Text ist darauf am besten lesbar, mit 12.16:1.

Farbfamilie	Gelb
Helligkeit	hell (81%)
Chroma	leuchtend (0.158)
Temperatur	dazwischen
Nächster Name	Yellow Green (#9ACD32)
Schwarzer Text	12.16:1
Weißer Text	1.72:1

Werte

HEX	#AFD253
RGB	rgb(175, 210, 83)
HSL	hsl(77, 59%, 57%)
OKLCH	oklch(81.3% 0.158 123)

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 #AFD253	1.72:1	Nicht bestanden	Lc -34.9	Elemente ohne Text, Platzhaltertext
Schwarzer Text auf #AFD253	12.16:1	AAA	Lc 72.8	Inhaltstext, nicht für lange Texte
#AFD253 als Text auf Weiß	1.72:1	Nicht bestanden	Lc 31.1	Elemente ohne Text, Platzhaltertext
#AFD253 als Text auf Schwarz	12.16:1	AAA	Lc -71.7	Inhaltstext, nicht für lange Texte

Tints und Shades

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 300.

Stufe 50
50

#F3F8E9

oklch(97.1% 0.02 121.8)
Stufe 100
100

#E4EFCE

oklch(93.5% 0.045 122.3)
Stufe 200
200

#CEE3A3

oklch(88.5% 0.087 122.9)
Stufe 300
300 (diese Farbe)

#AFD253

oklch(81.3% 0.158 123)
Stufe 400
400

#8DB100

oklch(70.8% 0.174 123)
Stufe 500
500

#789700

oklch(63% 0.154 123)
Stufe 600
600

#657F00

oklch(55.6% 0.136 122.8)
Stufe 700
700

#546B00

oklch(49.1% 0.121 123.1)
Stufe 800
800

#445800

oklch(42.8% 0.106 123.5)
Stufe 900
900

#394900

oklch(37.8% 0.092 122.7)
Stufe 950
950

#202B00

oklch(26.9% 0.066 123.3)

Diese Skala im Tool für Tailwind-Farben exportieren

#AFD253 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)	#DDC644	0.065
Deuteranopie (keine Grünzapfen)	#D9C55C	0.068
Tritanopie (keine Blauzapfen)	#B7C8B7	0.131
Achromatopsie (kein Farbsehen)	#C5C5C5	0.159