#F4583D

Nächste benannte Farbe: Orange Pant (#FB5607). oklch(66.5% 0.196 32.2), rgb(244, 88, 61).

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

Über diese Farbe

#F4583D ist eine Farbe im Bereich Rot, mittelhell und leuchtend. In OKLCH liegt die Helligkeit bei 67 %, die Chroma bei 0.196 und der Farbwinkel bei 32°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Die nächste benannte Farbe ist Orange Pant (#FB5607), ΔE 0.030 entfernt. Schwarzer Text ist darauf am besten lesbar, mit 6.30:1.

Farbfamilie	Rot
Helligkeit	mittelhell (67%)
Chroma	leuchtend (0.196)
Temperatur	warm
Nächster Name	Orange Pant (#FB5607)
Schwarzer Text	6.30:1
Weißer Text	3.32:1

Werte

HEX	#F4583D
RGB	rgb(244, 88, 61)
HSL	hsl(9, 89%, 60%)
OKLCH	oklch(66.5% 0.196 32.2)

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 #F4583D	3.32:1	AA für großen Text	Lc -65.1	Inhaltstext, nicht für lange Texte
Schwarzer Text auf #F4583D	6.30:1	AA	Lc 44.4	Elemente ohne Text, Platzhaltertext
#F4583D als Text auf Weiß	3.32:1	AA für großen Text	Lc 59.7	Großer oder fetter Text, Überschriften
#F4583D als Text auf Schwarz	6.30:1	AA	Lc -42.1	Elemente ohne Text, Platzhaltertext

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

Stufe 50
50

#FEF3F0

oklch(97.2% 0.013 35.7)
Stufe 100
100

#FCE4DE

oklch(93.7% 0.028 34.3)
Stufe 200
200

#FACDC3

oklch(88.5% 0.053 32.7)
Stufe 300
300

#F8AA9A

oklch(80.9% 0.096 32)
Stufe 400
400

#F17861

oklch(70.8% 0.154 32.2)
Stufe 500
500 (diese Farbe)

#F4583D

oklch(66.5% 0.196 32.2)
Stufe 600
600

#D22500

oklch(55.6% 0.21 32.2)
Stufe 700
700

#B21E00

oklch(49.2% 0.185 32.2)
Stufe 800
800

#931700

oklch(42.7% 0.161 32.2)
Stufe 900
900

#771C0C

oklch(37.8% 0.128 32.3)
Stufe 950
950

#46120A

oklch(26.9% 0.081 31.5)

Diese Skala im Tool für Tailwind-Farben exportieren

#F4583D 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)	#847739	0.204
Deuteranopie (keine Grünzapfen)	#AB9A37	0.187
Tritanopie (keine Blauzapfen)	#FF2E53	0.068
Achromatopsie (kein Farbsehen)	#8D8D8D	0.197