Registrieren Registrieren
Caustic Blaze

Caustic Blaze

Palette mit 7 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Caustic Blaze

Palette mit 7 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 7 Farben Warm Dunkel Analog 7 yellow harsh corrosive
Likes 35
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #E3FF86;
  --c-muted-2: #BFDE00;
  --c-muted-3: #A09D00;
  --c-muted-4: #7B6400;
  --c-muted-5: #4F3210;
  --c-muted-6: #281A05;
  --c-muted-7: #070000;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Key Lime Water (#E3FF86) bis zum dunkelsten Ton Pupil (#070000). Sie vereint Key Lime Water, High Grass, Countryside, Arousing Alligator, Bavarian Sweet Mustard, Cannon Black und Pupil in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E3FF86 auf #070000 mit 18,75:1.

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

Farben im Detail

Key Lime Water #E3FF86
RGB
rgb(227, 255, 134)
HSL
hsl(74, 100%, 76%)
Luminanz
0,896
High Grass #BFDE00
RGB
rgb(191, 222, 0)
HSL
hsl(68, 100%, 44%)
Luminanz
0,633
Countryside #A09D00
RGB
rgb(160, 157, 0)
HSL
hsl(59, 100%, 31%)
Luminanz
0,316
Arousing Alligator #7B6400
RGB
rgb(123, 100, 0)
HSL
hsl(49, 100%, 24%)
Luminanz
0,133
Bavarian Sweet Mustard #4F3210
RGB
rgb(79, 50, 16)
HSL
hsl(32, 66%, 19%)
Luminanz
0,040
Cannon Black #281A05
RGB
rgb(40, 26, 5)
HSL
hsl(36, 78%, 9%)
Luminanz
0,012
Pupil #070000
RGB
rgb(7, 0, 0)
HSL
hsl(0, 100%, 1%)
Luminanz
0,001

Kontrast & Barrierefreiheit

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

Aa #E3FF86 auf #070000 18,75:1 AAA
Aa #E3FF86 auf #281A05 15,25:1 AAA
Aa #BFDE00 auf #070000 13,54:1 AAA
Aa #BFDE00 auf #281A05 11,02:1 AAA
Aa #E3FF86 auf #4F3210 10,53:1 AAA
Aa #BFDE00 auf #4F3210 7,61:1 AAA
Aa #A09D00 auf #070000 7,25:1 AAA
Aa #A09D00 auf #281A05 5,90:1 AA
Aa #E3FF86 auf #7B6400 5,16:1 AA
Aa #A09D00 auf #4F3210 4,07:1 AA (großer Text)
Aa #BFDE00 auf #7B6400 3,73:1 AA (großer Text)
Aa #7B6400 auf #070000 3,63:1 AA (großer Text)
Aa #7B6400 auf #281A05 2,96:1 Nicht bestanden
Aa #E3FF86 auf #A09D00 2,58:1 Nicht bestanden
Aa #7B6400 auf #4F3210 2,04:1 Nicht bestanden
Aa #A09D00 auf #7B6400 2,00:1 Nicht bestanden
Aa #BFDE00 auf #A09D00 1,87:1 Nicht bestanden
Aa #4F3210 auf #070000 1,78:1 Nicht bestanden
Aa #4F3210 auf #281A05 1,45:1 Nicht bestanden
Aa #E3FF86 auf #BFDE00 1,38:1 Nicht bestanden
Aa #281A05 auf #070000 1,23:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben