#577EC2

Nächste benannte Farbe: Cool Blue (#4984B8). oklch(59.5% 0.113 260.9), rgb(87, 126, 194).

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

Über diese Farbe

#577EC2 ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 59 %, die Chroma bei 0.113 und der Farbwinkel bei 261°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Die nächste benannte Farbe ist Cool Blue (#4984B8), ΔE 0.029 entfernt. Schwarzer Text ist darauf am besten lesbar, mit 5.16:1.

Farbfamilie	Blau
Helligkeit	mitteldunkel (59%)
Chroma	mäßig gesättigt (0.113)
Temperatur	kühl
Nächster Name	Cool Blue (#4984B8)
Schwarzer Text	5.16:1
Weißer Text	4.06:1

Werte

HEX	#577EC2
RGB	rgb(87, 126, 194)
HSL	hsl(218, 47%, 55%)
OKLCH	oklch(59.5% 0.113 260.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 #577EC2	4.06:1	AA für großen Text	Lc -73.2	Inhaltstext, nicht für lange Texte
Schwarzer Text auf #577EC2	5.16:1	AA	Lc 36.4	Elemente ohne Text, Platzhaltertext
#577EC2 als Text auf Weiß	4.06:1	AA für großen Text	Lc 67.7	Inhaltstext, nicht für lange Texte
#577EC2 als Text auf Schwarz	5.16:1	AA	Lc -34.0	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

#F3F6FB

oklch(97.2% 0.007 260.7)
Stufe 100
100

#E4EAF5

oklch(93.6% 0.016 262.8)
Stufe 200
200

#CEDAEE

oklch(88.5% 0.03 260.7)
Stufe 300
300

#ADC2E5

oklch(81% 0.055 260.6)
Stufe 400
400

#81A1D8

oklch(70.6% 0.089 261)
Stufe 500
500 (diese Farbe)

#577EC2

oklch(59.5% 0.113 260.9)
Stufe 600
600

#4872BB

oklch(55.6% 0.123 260.8)
Stufe 700
700

#3A5FA1

oklch(49.1% 0.114 261.1)
Stufe 800
800

#304E83

oklch(42.8% 0.095 261)
Stufe 900
900

#2A4169

oklch(37.7% 0.075 260.9)
Stufe 950
950

#19263D

oklch(26.9% 0.047 261.3)

Diese Skala im Tool für Tailwind-Farben exportieren

#577EC2 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)	#6383C5	0.021
Deuteranopie (keine Grünzapfen)	#5579C1	0.014
Tritanopie (keine Blauzapfen)	#148D97	0.101
Achromatopsie (kein Farbsehen)	#7E7E7E	0.113