Registrieren Registrieren
Abandoned Blue

Abandoned Blue

Palette mit 9 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Abandoned Blue

Palette mit 9 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Gedeckt 9 Farben Kühl Gemischt Analog blue cosmic sepulcherseptemberpalettecontest
Likes 83
Farben 9

CSS-Variablen

:root {
  --c-muted-1: #617BAA;
  --c-muted-2: #45598B;
  --c-muted-3: #302A58;
  --c-muted-4: #1A183B;
  --c-muted-5: #493C60;
  --c-muted-6: #6B607A;
  --c-muted-7: #81869B;
  --c-muted-8: #5E7284;
  --c-muted-9: #37516A;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Top Shelf (#81869B) bis zum dunkelsten Ton Nightwalker (#1A183B). Sie vereint Deck Crew, Anchor Point, Purple Noir, Nightwalker, Mulberry Purple, Promised Amethyst, Top Shelf, Layers of Ocean und Velvet Rope in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A183B auf #81869B mit 4,7:1.

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

Farben im Detail

Deck Crew #617BAA
RGB
rgb(97, 123, 170)
HSL
hsl(219, 30%, 52%)
Luminanz
0,196
Anchor Point #45598B
RGB
rgb(69, 89, 139)
HSL
hsl(223, 34%, 41%)
Luminanz
0,103
Purple Noir #302A58
RGB
rgb(48, 42, 88)
HSL
hsl(248, 35%, 25%)
Luminanz
0,030
Nightwalker #1A183B
RGB
rgb(26, 24, 59)
HSL
hsl(243, 42%, 16%)
Luminanz
0,012
Mulberry Purple #493C60
RGB
rgb(73, 60, 96)
HSL
hsl(262, 23%, 31%)
Luminanz
0,055
Promised Amethyst #6B607A
RGB
rgb(107, 96, 122)
HSL
hsl(265, 12%, 43%)
Luminanz
0,129
Top Shelf #81869B
RGB
rgb(129, 134, 155)
HSL
hsl(228, 12%, 56%)
Luminanz
0,241
Layers of Ocean #5E7284
RGB
rgb(94, 114, 132)
HSL
hsl(208, 17%, 44%)
Luminanz
0,161
Velvet Rope #37516A
RGB
rgb(55, 81, 106)
HSL
hsl(209, 32%, 32%)
Luminanz
0,077

Kontrast & Barrierefreiheit

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

Aa #1A183B auf #81869B 4,70:1 AA
Aa #617BAA auf #1A183B 3,98:1 AA (großer Text)
Aa #302A58 auf #81869B 3,64:1 AA (großer Text)
Aa #1A183B auf #5E7284 3,41:1 AA (großer Text)
Aa #617BAA auf #302A58 3,08:1 AA (großer Text)
Aa #1A183B auf #6B607A 2,89:1 Nicht bestanden
Aa #493C60 auf #81869B 2,77:1 Nicht bestanden
Aa #302A58 auf #5E7284 2,64:1 Nicht bestanden
Aa #45598B auf #1A183B 2,47:1 Nicht bestanden
Aa #617BAA auf #493C60 2,35:1 Nicht bestanden
Aa #81869B auf #37516A 2,28:1 Nicht bestanden
Aa #302A58 auf #6B607A 2,24:1 Nicht bestanden
Aa #1A183B auf #37516A 2,06:1 Nicht bestanden
Aa #493C60 auf #5E7284 2,01:1 Nicht bestanden
Aa #617BAA auf #37516A 1,93:1 Nicht bestanden
Aa #45598B auf #302A58 1,91:1 Nicht bestanden
Aa #45598B auf #81869B 1,90:1 Nicht bestanden
Aa #493C60 auf #6B607A 1,71:1 Nicht bestanden
Aa #1A183B auf #493C60 1,70:1 Nicht bestanden
Aa #5E7284 auf #37516A 1,65:1 Nicht bestanden
Aa #6B607A auf #81869B 1,63:1 Nicht bestanden
Aa #617BAA auf #45598B 1,61:1 Nicht bestanden
Aa #302A58 auf #37516A 1,59:1 Nicht bestanden
Aa #45598B auf #493C60 1,46:1 Nicht bestanden
Aa #6B607A auf #37516A 1,41:1 Nicht bestanden
Aa #617BAA auf #6B607A 1,38:1 Nicht bestanden
Aa #45598B auf #5E7284 1,38:1 Nicht bestanden
Aa #81869B auf #5E7284 1,38:1 Nicht bestanden
Aa #302A58 auf #493C60 1,31:1 Nicht bestanden
Aa #302A58 auf #1A183B 1,29:1 Nicht bestanden
Aa #493C60 auf #37516A 1,21:1 Nicht bestanden
Aa #45598B auf #37516A 1,20:1 Nicht bestanden
Aa #617BAA auf #81869B 1,18:1 Nicht bestanden
Aa #6B607A auf #5E7284 1,18:1 Nicht bestanden
Aa #617BAA auf #5E7284 1,17:1 Nicht bestanden
Aa #45598B auf #6B607A 1,17:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben