Registrieren Registrieren
Sirens At Night

Sirens At Night

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

Zurück zur Bibliothek

Sirens At Night

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

Bearbeiten
Erdig 7 Farben Kühl Gemischt Komplementär cool red and blue blue and red
Likes 722
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #DAF2E9;
  --c-earthy-2: #95E0CC;
  --c-earthy-3: #39707A;
  --c-earthy-4: #23495D;
  --c-earthy-5: #1C2638;
  --c-earthy-6: #9B222B;
  --c-earthy-7: #F14E52;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Diluted Mint (#DAF2E9) bis zum dunkelsten Ton Midnight Express (#1C2638). Sie vereint Diluted Mint, Beach Glass, Grand Rapids, Arapawa, Midnight Express, Haute Couture und Pastel Strawberry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DAF2E9 auf #1C2638 mit 12,91: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

Diluted Mint #DAF2E9
RGB
rgb(218, 242, 233)
HSL
hsl(158, 48%, 90%)
Luminanz
0,843
Beach Glass #95E0CC
RGB
rgb(149, 224, 204)
HSL
hsl(164, 55%, 73%)
Luminanz
0,641
Grand Rapids #39707A
RGB
rgb(57, 112, 122)
HSL
hsl(189, 36%, 35%)
Luminanz
0,139
Arapawa #23495D
RGB
rgb(35, 73, 93)
HSL
hsl(201, 45%, 25%)
Luminanz
0,059
Midnight Express #1C2638
RGB
rgb(28, 38, 56)
HSL
hsl(219, 33%, 16%)
Luminanz
0,019
Haute Couture #9B222B
RGB
rgb(155, 34, 43)
HSL
hsl(356, 64%, 37%)
Luminanz
0,083
Pastel Strawberry #F14E52
RGB
rgb(241, 78, 82)
HSL
hsl(359, 85%, 63%)
Luminanz
0,248

Kontrast & Barrierefreiheit

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

Aa #DAF2E9 auf #1C2638 12,91:1 AAA
Aa #95E0CC auf #1C2638 9,98:1 AAA
Aa #DAF2E9 auf #23495D 8,18:1 AAA
Aa #DAF2E9 auf #9B222B 6,72:1 AA
Aa #95E0CC auf #23495D 6,33:1 AA
Aa #95E0CC auf #9B222B 5,20:1 AA
Aa #DAF2E9 auf #39707A 4,73:1 AA
Aa #1C2638 auf #F14E52 4,30:1 AA (großer Text)
Aa #95E0CC auf #39707A 3,66:1 AA (großer Text)
Aa #DAF2E9 auf #F14E52 3,00:1 AA (großer Text)
Aa #39707A auf #1C2638 2,73:1 Nicht bestanden
Aa #23495D auf #F14E52 2,73:1 Nicht bestanden
Aa #95E0CC auf #F14E52 2,32:1 Nicht bestanden
Aa #9B222B auf #F14E52 2,24:1 Nicht bestanden
Aa #1C2638 auf #9B222B 1,92:1 Nicht bestanden
Aa #39707A auf #23495D 1,73:1 Nicht bestanden
Aa #39707A auf #F14E52 1,58:1 Nicht bestanden
Aa #23495D auf #1C2638 1,58:1 Nicht bestanden
Aa #39707A auf #9B222B 1,42:1 Nicht bestanden
Aa #DAF2E9 auf #95E0CC 1,29:1 Nicht bestanden
Aa #23495D auf #9B222B 1,22: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