#DF77A4

Nächste benannte Farbe: Pale Violet Red (#DB7093). oklch(69.9% 0.138 353.9), rgb(223, 119, 164).

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

Über diese Farbe

#DF77A4 ist eine Farbe im Bereich Rosa, mittelhell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 70 %, die Chroma bei 0.138 und der Farbwinkel bei 354°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Die nächste benannte Farbe ist Pale Violet Red (#DB7093), ΔE 0.027 entfernt. Schwarzer Text ist darauf am besten lesbar, mit 7.31:1.

Farbfamilie	Rosa
Helligkeit	mittelhell (70%)
Chroma	mäßig gesättigt (0.138)
Temperatur	warm
Nächster Name	Pale Violet Red (#DB7093)
Schwarzer Text	7.31:1
Weißer Text	2.87:1

Werte

HEX	#DF77A4
RGB	rgb(223, 119, 164)
HSL	hsl(334, 62%, 67%)
OKLCH	oklch(69.9% 0.138 353.9)

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 #DF77A4	2.87:1	Nicht bestanden	Lc -59.9	Großer oder fetter Text, Überschriften
Schwarzer Text auf #DF77A4	7.31:1	AAA	Lc 49.5	Großer oder fetter Text, Überschriften
#DF77A4 als Text auf Weiß	2.87:1	Nicht bestanden	Lc 54.6	Großer oder fetter Text, Überschriften
#DF77A4 als Text auf Schwarz	7.31:1	AAA	Lc -47.3	Großer oder fetter Text, Überschriften

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

Stufe 50
50

#FCF2F6

oklch(97% 0.012 351)
Stufe 100
100

#F8E3EB

oklch(93.5% 0.025 352.5)
Stufe 200
200

#F4CDDB

oklch(88.5% 0.047 354.5)
Stufe 300
300

#EEAAC4

oklch(81% 0.086 354.5)
Stufe 400
400 (diese Farbe)

#DF77A4

oklch(69.9% 0.138 353.9)
Stufe 500
500

#D65291

oklch(63% 0.177 353.7)
Stufe 600
600

#C1307B

oklch(55.5% 0.192 353.8)
Stufe 700
700

#A62168

oklch(49.1% 0.178 353.7)
Stufe 800
800

#871E55

oklch(42.6% 0.148 353.5)
Stufe 900
900

#6D2046

oklch(37.7% 0.116 353.7)
Stufe 950
950

#401429

oklch(26.9% 0.073 353.5)

Diese Skala im Tool für Tailwind-Farben exportieren

#DF77A4 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)	#848DA6	0.150
Deuteranopie (keine Grünzapfen)	#9F9FA2	0.137
Tritanopie (keine Blauzapfen)	#ED7287	0.046
Achromatopsie (kein Farbsehen)	#989898	0.140