Neon Rain

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

Zurück zur Bibliothek

Neon Rain

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

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Analog soft neon cyber neonrain

Likes 26

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #5BF6C8;
  --c-muted-2: #47A191;
  --c-muted-3: #21698F;
  --c-muted-4: #1D2225;
  --c-muted-5: #334D5B;
  --c-muted-6: #7FABBA;
  --c-muted-7: #B4D5E0;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Rare Wind (#5BF6C8) bis zum dunkelsten Ton Noble Black (#1D2225). Sie vereint Rare Wind, Dioptase Green, Chill of the Night, Noble Black, Ingénue Blue, Winter Twilight und Foamy Surf in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5BF6C8 auf #1D2225 mit 11,82:1.

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

Farben im Detail

Rare Wind #5BF6C8

RGB: rgb(91, 246, 200)
HSL: hsl(162, 90%, 66%)
Luminanz: 0,723

Dioptase Green #47A191

RGB: rgb(71, 161, 145)
HSL: hsl(169, 39%, 45%)
Luminanz: 0,289

Chill of the Night #21698F

RGB: rgb(33, 105, 143)
HSL: hsl(201, 63%, 35%)
Luminanz: 0,124

Noble Black #1D2225

RGB: rgb(29, 34, 37)
HSL: hsl(203, 12%, 13%)
Luminanz: 0,015

Ingénue Blue #334D5B

RGB: rgb(51, 77, 91)
HSL: hsl(201, 28%, 28%)
Luminanz: 0,068

Winter Twilight #7FABBA

RGB: rgb(127, 171, 186)
HSL: hsl(195, 30%, 61%)
Luminanz: 0,372

Foamy Surf #B4D5E0

RGB: rgb(180, 213, 224)
HSL: hsl(195, 42%, 79%)
Luminanz: 0,627

Kontrast & Barrierefreiheit

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

Aa #5BF6C8 auf #1D2225 11,82:1 AAA

Aa #1D2225 auf #B4D5E0 10,35:1 AAA

Aa #5BF6C8 auf #334D5B 6,57:1 AA

Aa #1D2225 auf #7FABBA 6,45:1 AA

Aa #334D5B auf #B4D5E0 5,75:1 AA

Aa #47A191 auf #1D2225 5,18:1 AA

Aa #5BF6C8 auf #21698F 4,44:1 AA (großer Text)

Aa #21698F auf #B4D5E0 3,89:1 AA (großer Text)

Aa #334D5B auf #7FABBA 3,58:1 AA (großer Text)

Aa #47A191 auf #334D5B 2,88:1 Nicht bestanden

Aa #21698F auf #1D2225 2,66:1 Nicht bestanden

Aa #21698F auf #7FABBA 2,42:1 Nicht bestanden

Aa #5BF6C8 auf #47A191 2,28:1 Nicht bestanden

Aa #47A191 auf #B4D5E0 2,00:1 Nicht bestanden

Aa #47A191 auf #21698F 1,95:1 Nicht bestanden

Aa #5BF6C8 auf #7FABBA 1,83:1 Nicht bestanden

Aa #1D2225 auf #334D5B 1,80:1 Nicht bestanden

Aa #7FABBA auf #B4D5E0 1,60:1 Nicht bestanden

Aa #21698F auf #334D5B 1,48:1 Nicht bestanden

Aa #47A191 auf #7FABBA 1,25:1 Nicht bestanden

Aa #5BF6C8 auf #B4D5E0 1,14:1 Nicht bestanden

Neon Rain

Neon Rain

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen