Registrieren Registrieren
Spectral Scarab

Spectral Scarab

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Spectral Scarab

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Lebendig 8 Farben Kühl Gemischt Triadisch green dark blue purple
Likes 174
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #3C004E;
  --c-vibrant-2: #361A6B;
  --c-vibrant-3: #313488;
  --c-vibrant-4: #2B4EA5;
  --c-vibrant-5: #2668C2;
  --c-vibrant-6: #419BC9;
  --c-vibrant-7: #5CCDD0;
  --c-vibrant-8: #76FFD6;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Spindrift (#76FFD6) bis zum dunkelsten Ton Romanic Scene (#3C004E). Sie vereint Romanic Scene, Dark Dreams, Ritterlich Blue, The Blues Brothers, Blue Streak, Blessed Blue, Blue Radiance und Spindrift in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C004E auf #76FFD6 mit 13,09:1.

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

Farben im Detail

Romanic Scene #3C004E
RGB
rgb(60, 0, 78)
HSL
hsl(286, 100%, 15%)
Luminanz
0,015
Dark Dreams #361A6B
RGB
rgb(54, 26, 107)
HSL
hsl(261, 61%, 26%)
Luminanz
0,026
Ritterlich Blue #313488
RGB
rgb(49, 52, 136)
HSL
hsl(238, 47%, 36%)
Luminanz
0,049
The Blues Brothers #2B4EA5
RGB
rgb(43, 78, 165)
HSL
hsl(223, 59%, 41%)
Luminanz
0,087
Blue Streak #2668C2
RGB
rgb(38, 104, 194)
HSL
hsl(215, 67%, 45%)
Luminanz
0,142
Blessed Blue #419BC9
RGB
rgb(65, 155, 201)
HSL
hsl(200, 56%, 52%)
Luminanz
0,288
Blue Radiance #5CCDD0
RGB
rgb(92, 205, 208)
HSL
hsl(182, 55%, 59%)
Luminanz
0,505
Spindrift #76FFD6
RGB
rgb(118, 255, 214)
HSL
hsl(162, 100%, 73%)
Luminanz
0,802

Kontrast & Barrierefreiheit

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

Aa #3C004E auf #76FFD6 13,09:1 AAA
Aa #361A6B auf #76FFD6 11,24:1 AAA
Aa #313488 auf #76FFD6 8,62:1 AAA
Aa #3C004E auf #5CCDD0 8,52:1 AAA
Aa #361A6B auf #5CCDD0 7,32:1 AAA
Aa #2B4EA5 auf #76FFD6 6,23:1 AA
Aa #313488 auf #5CCDD0 5,61:1 AA
Aa #3C004E auf #419BC9 5,19:1 AA
Aa #361A6B auf #419BC9 4,45:1 AA (großer Text)
Aa #2668C2 auf #76FFD6 4,44:1 AA (großer Text)
Aa #2B4EA5 auf #5CCDD0 4,06:1 AA (großer Text)
Aa #313488 auf #419BC9 3,42:1 AA (großer Text)
Aa #3C004E auf #2668C2 2,95:1 Nicht bestanden
Aa #2668C2 auf #5CCDD0 2,89:1 Nicht bestanden
Aa #361A6B auf #2668C2 2,53:1 Nicht bestanden
Aa #419BC9 auf #76FFD6 2,52:1 Nicht bestanden
Aa #2B4EA5 auf #419BC9 2,47:1 Nicht bestanden
Aa #3C004E auf #2B4EA5 2,10:1 Nicht bestanden
Aa #313488 auf #2668C2 1,94:1 Nicht bestanden
Aa #361A6B auf #2B4EA5 1,80:1 Nicht bestanden
Aa #2668C2 auf #419BC9 1,76:1 Nicht bestanden
Aa #419BC9 auf #5CCDD0 1,64:1 Nicht bestanden
Aa #5CCDD0 auf #76FFD6 1,54:1 Nicht bestanden
Aa #3C004E auf #313488 1,52:1 Nicht bestanden
Aa #2B4EA5 auf #2668C2 1,40:1 Nicht bestanden
Aa #313488 auf #2B4EA5 1,38:1 Nicht bestanden
Aa #361A6B auf #313488 1,30:1 Nicht bestanden
Aa #3C004E auf #361A6B 1,16: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