Registrieren Registrieren
Hazard Stripes

Hazard Stripes

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

Zurück zur Bibliothek

Hazard Stripes

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

Bearbeiten
Erdig 7 Farben Neutral Gemischt Komplementär industrial hazard 7color
Likes 8
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #454545;
  --c-earthy-3: #858484;
  --c-earthy-4: #D19922;
  --c-earthy-5: #FFBB2A;
  --c-earthy-6: #013F85;
  --c-earthy-7: #015BC2;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Brimstone (#FFBB2A) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Machine Gun Metal, Black Mana, Duck Sauce, Brimstone, Bracing Blue und London Rain in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFBB2A mit 12,39: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
Machine Gun Metal #454545
RGB
rgb(69, 69, 69)
HSL
hsl(0, 0%, 27%)
Luminanz
0,060
Black Mana #858484
RGB
rgb(133, 132, 132)
HSL
hsl(0, 0%, 52%)
Luminanz
0,232
Duck Sauce #D19922
RGB
rgb(209, 153, 34)
HSL
hsl(41, 72%, 48%)
Luminanz
0,365
Brimstone #FFBB2A
RGB
rgb(255, 187, 42)
HSL
hsl(41, 100%, 58%)
Luminanz
0,570
Bracing Blue #013F85
RGB
rgb(1, 63, 133)
HSL
hsl(212, 99%, 26%)
Luminanz
0,053
London Rain #015BC2
RGB
rgb(1, 91, 194)
HSL
hsl(212, 99%, 38%)
Luminanz
0,114

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFBB2A 12,39:1 AAA
Aa #000000 auf #D19922 8,29:1 AAA
Aa #FFBB2A auf #013F85 6,04:1 AA
Aa #454545 auf #FFBB2A 5,66:1 AA
Aa #000000 auf #858484 5,63:1 AA
Aa #D19922 auf #013F85 4,04:1 AA (großer Text)
Aa #454545 auf #D19922 3,79:1 AA (großer Text)
Aa #FFBB2A auf #015BC2 3,78:1 AA (großer Text)
Aa #000000 auf #015BC2 3,28:1 AA (großer Text)
Aa #858484 auf #013F85 2,75:1 Nicht bestanden
Aa #454545 auf #858484 2,57:1 Nicht bestanden
Aa #D19922 auf #015BC2 2,53:1 Nicht bestanden
Aa #858484 auf #FFBB2A 2,20:1 Nicht bestanden
Aa #000000 auf #454545 2,19:1 Nicht bestanden
Aa #000000 auf #013F85 2,05:1 Nicht bestanden
Aa #858484 auf #015BC2 1,72:1 Nicht bestanden
Aa #013F85 auf #015BC2 1,60:1 Nicht bestanden
Aa #454545 auf #015BC2 1,50:1 Nicht bestanden
Aa #D19922 auf #FFBB2A 1,49:1 Nicht bestanden
Aa #858484 auf #D19922 1,47:1 Nicht bestanden
Aa #454545 auf #013F85 1,07: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