Registrieren Registrieren
Bisexual Sunset

Bisexual Sunset

Palette mit 8 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Bisexual Sunset

Palette mit 8 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 8 Farben Warm Dunkel Analog red blue purple pride
Likes 64
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #000080;
  --c-muted-2: #200080;
  --c-muted-3: #400080;
  --c-muted-4: #600080;
  --c-muted-5: #800080;
  --c-muted-6: #A00080;
  --c-muted-7: #C00080;
  --c-muted-8: #E00080;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Mexican Pink (#E00080) bis zum dunkelsten Ton Navy Blue (#000080). Sie vereint Navy Blue, Orbital Kingdom, Marionberry, Peaceful Purple, Purple, Vanishing Night, Purple Anxiety und Mexican Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Navy Blue #000080
RGB
rgb(0, 0, 128)
HSL
hsl(240, 100%, 25%)
Luminanz
0,016
Orbital Kingdom #200080
RGB
rgb(32, 0, 128)
HSL
hsl(255, 100%, 25%)
Luminanz
0,019
Marionberry #400080
RGB
rgb(64, 0, 128)
HSL
hsl(270, 100%, 25%)
Luminanz
0,027
Peaceful Purple #600080
RGB
rgb(96, 0, 128)
HSL
hsl(285, 100%, 25%)
Luminanz
0,041
Purple #800080
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Luminanz
0,062
Vanishing Night #A00080
RGB
rgb(160, 0, 128)
HSL
hsl(312, 100%, 31%)
Luminanz
0,090
Purple Anxiety #C00080
RGB
rgb(192, 0, 128)
HSL
hsl(320, 100%, 38%)
Luminanz
0,128
Mexican Pink #E00080
RGB
rgb(224, 0, 128)
HSL
hsl(326, 100%, 44%)
Luminanz
0,174

Kontrast & Barrierefreiheit

0 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #000080 auf #E00080 3,42:1 AA (großer Text)
Aa #200080 auf #E00080 3,26:1 AA (großer Text)
Aa #400080 auf #E00080 2,93:1 Nicht bestanden
Aa #000080 auf #C00080 2,71:1 Nicht bestanden
Aa #200080 auf #C00080 2,59:1 Nicht bestanden
Aa #600080 auf #E00080 2,48:1 Nicht bestanden
Aa #400080 auf #C00080 2,32:1 Nicht bestanden
Aa #000080 auf #A00080 2,14:1 Nicht bestanden
Aa #200080 auf #A00080 2,04:1 Nicht bestanden
Aa #800080 auf #E00080 2,01:1 Nicht bestanden
Aa #600080 auf #C00080 1,96:1 Nicht bestanden
Aa #400080 auf #A00080 1,83:1 Nicht bestanden
Aa #000080 auf #800080 1,70:1 Nicht bestanden
Aa #200080 auf #800080 1,62:1 Nicht bestanden
Aa #A00080 auf #E00080 1,60:1 Nicht bestanden
Aa #800080 auf #C00080 1,59:1 Nicht bestanden
Aa #600080 auf #A00080 1,55:1 Nicht bestanden
Aa #400080 auf #800080 1,46:1 Nicht bestanden
Aa #000080 auf #600080 1,38:1 Nicht bestanden
Aa #200080 auf #600080 1,32:1 Nicht bestanden
Aa #A00080 auf #C00080 1,27:1 Nicht bestanden
Aa #800080 auf #A00080 1,26:1 Nicht bestanden
Aa #C00080 auf #E00080 1,26:1 Nicht bestanden
Aa #600080 auf #800080 1,23:1 Nicht bestanden
Aa #400080 auf #600080 1,18:1 Nicht bestanden
Aa #000080 auf #400080 1,17:1 Nicht bestanden
Aa #200080 auf #400080 1,11:1 Nicht bestanden
Aa #000080 auf #200080 1,05:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben