Night Rain

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Night Rain

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär spring rain aprilshowerspalettecollab

Likes 130

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #012036;
  --c-earthy-3: #3A7BAA;
  --c-earthy-4: #7D8FAE;
  --c-earthy-5: #A1B4C1;
  --c-earthy-6: #F0B9B9;
  --c-earthy-7: #FFFFFF;
  --c-earthy-8: #FFD159;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Cyanophobia, Beijing Blue, Ashton Skies, Faded Flaxflower, Marzipan Pink, White und Glowing Reviews in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Cyanophobia #012036

RGB: rgb(1, 32, 54)
HSL: hsl(205, 96%, 11%)
Luminanz: 0,013

Beijing Blue #3A7BAA

RGB: rgb(58, 123, 170)
HSL: hsl(205, 49%, 45%)
Luminanz: 0,180

Ashton Skies #7D8FAE

RGB: rgb(125, 143, 174)
HSL: hsl(218, 23%, 59%)
Luminanz: 0,271

Faded Flaxflower #A1B4C1

RGB: rgb(161, 180, 193)
HSL: hsl(204, 21%, 69%)
Luminanz: 0,441

Marzipan Pink #F0B9B9

RGB: rgb(240, 185, 185)
HSL: hsl(0, 65%, 83%)
Luminanz: 0,567

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Glowing Reviews #FFD159

RGB: rgb(255, 209, 89)
HSL: hsl(43, 100%, 67%)
Luminanz: 0,676

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #012036 auf #FFFFFF 16,65:1 AAA

Aa #000000 auf #FFD159 14,52:1 AAA

Aa #000000 auf #F0B9B9 12,35:1 AAA

Aa #012036 auf #FFD159 11,51:1 AAA

Aa #000000 auf #A1B4C1 9,81:1 AAA

Aa #012036 auf #F0B9B9 9,79:1 AAA

Aa #012036 auf #A1B4C1 7,78:1 AAA

Aa #000000 auf #7D8FAE 6,41:1 AA

Aa #012036 auf #7D8FAE 5,08:1 AA

Aa #000000 auf #3A7BAA 4,59:1 AA

Aa #3A7BAA auf #FFFFFF 4,57:1 AA

Aa #012036 auf #3A7BAA 3,64:1 AA (großer Text)

Aa #7D8FAE auf #FFFFFF 3,28:1 AA (großer Text)

Aa #3A7BAA auf #FFD159 3,16:1 AA (großer Text)

Aa #3A7BAA auf #F0B9B9 2,69:1 Nicht bestanden

Aa #7D8FAE auf #FFD159 2,26:1 Nicht bestanden

Aa #3A7BAA auf #A1B4C1 2,14:1 Nicht bestanden

Aa #A1B4C1 auf #FFFFFF 2,14:1 Nicht bestanden

Aa #7D8FAE auf #F0B9B9 1,93:1 Nicht bestanden

Aa #F0B9B9 auf #FFFFFF 1,70:1 Nicht bestanden

Aa #7D8FAE auf #A1B4C1 1,53:1 Nicht bestanden

Aa #A1B4C1 auf #FFD159 1,48:1 Nicht bestanden

Aa #FFFFFF auf #FFD159 1,45:1 Nicht bestanden

Aa #3A7BAA auf #7D8FAE 1,40:1 Nicht bestanden

Aa #000000 auf #012036 1,26:1 Nicht bestanden

Aa #A1B4C1 auf #F0B9B9 1,26:1 Nicht bestanden

Aa #F0B9B9 auf #FFD159 1,18:1 Nicht bestanden

Night Rain

Night Rain

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen