Registrieren Registrieren
Bluedawn7

Bluedawn7

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Bluedawn7

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Erdig 7 Farben Neutral Gemischt Komplementär orange blue sky complementary
Likes 80
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #08193C;
  --c-earthy-2: #183F74;
  --c-earthy-3: #2B6C9F;
  --c-earthy-4: #9F5D2B;
  --c-earthy-5: #BA9A4C;
  --c-earthy-6: #DBD3BA;
  --c-earthy-7: #948E7B;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Chino (#DBD3BA) bis zum dunkelsten Ton Naval Night (#08193C). Sie vereint Naval Night, Assault, Blues, Glazed Ginger, Brown Rum, Chino und Olivine Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #08193C auf #DBD3BA mit 11,56: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

Naval Night #08193C
RGB
rgb(8, 25, 60)
HSL
hsl(220, 76%, 13%)
Luminanz
0,011
Assault #183F74
RGB
rgb(24, 63, 116)
HSL
hsl(215, 66%, 27%)
Luminanz
0,050
Blues #2B6C9F
RGB
rgb(43, 108, 159)
HSL
hsl(206, 57%, 40%)
Luminanz
0,137
Glazed Ginger #9F5D2B
RGB
rgb(159, 93, 43)
HSL
hsl(26, 57%, 40%)
Luminanz
0,154
Brown Rum #BA9A4C
RGB
rgb(186, 154, 76)
HSL
hsl(43, 44%, 51%)
Luminanz
0,341
Chino #DBD3BA
RGB
rgb(219, 211, 186)
HSL
hsl(45, 31%, 79%)
Luminanz
0,652
Olivine Grey #948E7B
RGB
rgb(148, 142, 123)
HSL
hsl(46, 10%, 53%)
Luminanz
0,271

Kontrast & Barrierefreiheit

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

Aa #08193C auf #DBD3BA 11,56:1 AAA
Aa #183F74 auf #DBD3BA 7,01:1 AAA
Aa #08193C auf #BA9A4C 6,43:1 AA
Aa #08193C auf #948E7B 5,28:1 AA
Aa #183F74 auf #BA9A4C 3,90:1 AA (großer Text)
Aa #2B6C9F auf #DBD3BA 3,75:1 AA (großer Text)
Aa #9F5D2B auf #DBD3BA 3,45:1 AA (großer Text)
Aa #08193C auf #9F5D2B 3,35:1 AA (großer Text)
Aa #183F74 auf #948E7B 3,20:1 AA (großer Text)
Aa #08193C auf #2B6C9F 3,09:1 AA (großer Text)
Aa #DBD3BA auf #948E7B 2,19:1 Nicht bestanden
Aa #2B6C9F auf #BA9A4C 2,08:1 Nicht bestanden
Aa #183F74 auf #9F5D2B 2,04:1 Nicht bestanden
Aa #9F5D2B auf #BA9A4C 1,92:1 Nicht bestanden
Aa #183F74 auf #2B6C9F 1,87:1 Nicht bestanden
Aa #BA9A4C auf #DBD3BA 1,80:1 Nicht bestanden
Aa #2B6C9F auf #948E7B 1,71:1 Nicht bestanden
Aa #08193C auf #183F74 1,65:1 Nicht bestanden
Aa #9F5D2B auf #948E7B 1,57:1 Nicht bestanden
Aa #BA9A4C auf #948E7B 1,22:1 Nicht bestanden
Aa #2B6C9F auf #9F5D2B 1,09:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben