Registrieren Registrieren
Retro 115

Retro 115

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

Zurück zur Bibliothek

Retro 115

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

Bearbeiten
Lebendig 7 Farben Kühl Gemischt Triadisch blue retro lofi
Likes 239
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #040026;
  --c-vibrant-2: #004BC0;
  --c-vibrant-3: #0097EC;
  --c-vibrant-4: #00F3FC;
  --c-vibrant-5: #FFBCFF;
  --c-vibrant-6: #D569F6;
  --c-vibrant-7: #6C1FD3;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Brain Freeze (#00F3FC) bis zum dunkelsten Ton Hadopelagic Water (#040026). Sie vereint Hadopelagic Water, Absolute Zero, Pervenche, Brain Freeze, Distilled Rose, Venus Slipper Orchid und Crown Chakra in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #040026 auf #00F3FC mit 14,74:1.

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

Farben im Detail

Hadopelagic Water #040026
RGB
rgb(4, 0, 38)
HSL
hsl(246, 100%, 7%)
Luminanz
0,002
Absolute Zero #004BC0
RGB
rgb(0, 75, 192)
HSL
hsl(217, 100%, 38%)
Luminanz
0,088
Pervenche #0097EC
RGB
rgb(0, 151, 236)
HSL
hsl(202, 100%, 46%)
Luminanz
0,282
Brain Freeze #00F3FC
RGB
rgb(0, 243, 252)
HSL
hsl(182, 100%, 49%)
Luminanz
0,711
Distilled Rose #FFBCFF
RGB
rgb(255, 188, 255)
HSL
hsl(300, 100%, 87%)
Luminanz
0,645
Venus Slipper Orchid #D569F6
RGB
rgb(213, 105, 246)
HSL
hsl(286, 89%, 69%)
Luminanz
0,309
Crown Chakra #6C1FD3
RGB
rgb(108, 31, 211)
HSL
hsl(266, 74%, 47%)
Luminanz
0,089

Kontrast & Barrierefreiheit

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

Aa #040026 auf #00F3FC 14,74:1 AAA
Aa #040026 auf #FFBCFF 13,44:1 AAA
Aa #040026 auf #D569F6 6,95:1 AA
Aa #040026 auf #0097EC 6,42:1 AA
Aa #004BC0 auf #00F3FC 5,50:1 AA
Aa #00F3FC auf #6C1FD3 5,49:1 AA
Aa #004BC0 auf #FFBCFF 5,02:1 AA
Aa #FFBCFF auf #6C1FD3 5,01:1 AA
Aa #040026 auf #6C1FD3 2,69:1 Nicht bestanden
Aa #040026 auf #004BC0 2,68:1 Nicht bestanden
Aa #004BC0 auf #D569F6 2,59:1 Nicht bestanden
Aa #D569F6 auf #6C1FD3 2,59:1 Nicht bestanden
Aa #004BC0 auf #0097EC 2,40:1 Nicht bestanden
Aa #0097EC auf #6C1FD3 2,39:1 Nicht bestanden
Aa #0097EC auf #00F3FC 2,29:1 Nicht bestanden
Aa #00F3FC auf #D569F6 2,12:1 Nicht bestanden
Aa #0097EC auf #FFBCFF 2,09:1 Nicht bestanden
Aa #FFBCFF auf #D569F6 1,93:1 Nicht bestanden
Aa #00F3FC auf #FFBCFF 1,10:1 Nicht bestanden
Aa #0097EC auf #D569F6 1,08:1 Nicht bestanden
Aa #004BC0 auf #6C1FD3 1,00: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