Dusky Blue #475F94
Dusky Blue ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #475F94 und dem RGB-Wert rgb(71, 95, 148).
Aa
Weißer Text ist auf dieser Farbe am besten lesbar (6.30:1).
Über diese Farbe
#475F94 ist eine Farbe im Bereich Blau, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 49 %, die Chroma bei 0.090 und der Farbwinkel bei 265°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Dusky Blue. Weißer Text ist darauf am besten lesbar, mit 6.30:1.
| Farbfamilie | Blau |
| Helligkeit | mitteldunkel (49%) |
| Chroma | mäßig gesättigt (0.090) |
| Temperatur | kühl |
| Nächster Name | Dusky Blue |
| Schwarzer Text | 3.33:1 |
| Weißer Text | 6.30:1 |
Farben, die zu Dusky Blue passen
Passende Farben, gefunden durch Drehen von Dusky Blue 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 Dusky Blue
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Dusky Blue enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Dusky Blue am nächsten liegen, mit ihrem ΔE-Abstand.
- Denim Blue #3B5B92 ΔE 0.020
- Denim #3B638C ΔE 0.024
- Light Navy Blue #2E5A88 ΔE 0.039
- Dusk #4E5481 ΔE 0.039
- Twilight #4E518B ΔE 0.039
- French Blue #436BAD ΔE 0.047
- YInMn Blue #415A77 ΔE 0.048
- Peacock Blue #016795 ΔE 0.049
Mehr über Dusky Blue
So mischst du Dusky Blue
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.
- 3 Teile Blau
- 2 Teile Rosa
- 1 Teil Rot
Ergebnis des Rezepts: #446197, eine Abweichung von ΔE 0.007 zu Dusky Blue. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Dusky Blue in jedem Format
| HEX | #475F94 |
| RGB | rgb(71, 95, 148) |
| HSL | hsl(221, 35%, 43%) |
| OKLCH | oklch(49.1% 0.09 264.8) |
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 #475F94 | 6.30:1 | AA | Lc -86.4 | Gut für Fließtext |
| Schwarzer Text auf #475F94 | 3.33:1 | AA für großen Text | Lc 22.8 | Nur Trennlinien und Dekoration |
| #475F94 als Text auf Weiß | 6.30:1 | AA | Lc 81.3 | Gut für Fließtext |
| #475F94 als Text auf Schwarz | 3.33:1 | AA für großen Text | Lc -20.6 | Nur Trennlinien und Dekoration |
Shades und Tints von Dusky Blue
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 700.
-
Stufe 50
50
#F3F5F9
oklch(97% 0.006 264.5)
-
Stufe 100
100
#E6EAF3
oklch(93.7% 0.013 266.7)
-
Stufe 200
200
#D1D9EA
oklch(88.4% 0.025 265.6)
-
Stufe 300
300
#B3C1DE
oklch(81% 0.044 264.9)
-
Stufe 400
400
#8BA0CD
oklch(70.6% 0.07 265.2)
-
Stufe 500
500
#6F89C0
oklch(63.2% 0.089 264.6)
-
Stufe 600
600
#5772AC
oklch(55.7% 0.096 264.5)
-
Stufe 700
700 (diese Farbe)
#475F94
oklch(49.1% 0.09 264.8)
-
Stufe 800
800
#3A4E78
oklch(42.7% 0.075 264.1)
-
Stufe 900
900
#324161
oklch(37.7% 0.059 264.6)
-
Stufe 950
950
#1D2639
oklch(27% 0.038 264.5)
Dusky Blue 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) | #4A6496 | 0.015 |
| Deuteranopie (keine Grünzapfen) | #425D93 | 0.009 |
| Tritanopie (keine Blauzapfen) | #246A72 | 0.081 |
| Achromatopsie (kein Farbsehen) | #606060 | 0.090 |
Nutze Dusky Blue 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.