Registrieren Registrieren
Midnight Ablaze

Midnight Ablaze

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

Zurück zur Bibliothek

Midnight Ablaze

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

Bearbeiten
Gedeckt 7 Farben Warm Dunkel Analog midnight fire night dark
Likes 2.424
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #FF8274;
  --c-muted-2: #D53C6A;
  --c-muted-3: #7C183C;
  --c-muted-4: #460E2B;
  --c-muted-5: #31051E;
  --c-muted-6: #1F0510;
  --c-muted-7: #130208;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Fusion Coral (#FF8274) bis zum dunkelsten Ton Knight Rider (#130208). Sie vereint Fusion Coral, Raspberry Sorbet, Atlas Red, What We Do in the Shadows, Vienna Roast, Belladonna und Knight Rider 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 #FF8274 auf #130208 mit 8,36:1.

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

Farben im Detail

Fusion Coral #FF8274
RGB
rgb(255, 130, 116)
HSL
hsl(6, 100%, 73%)
Luminanz
0,385
Raspberry Sorbet #D53C6A
RGB
rgb(213, 60, 106)
HSL
hsl(342, 65%, 54%)
Luminanz
0,184
Atlas Red #7C183C
RGB
rgb(124, 24, 60)
HSL
hsl(338, 68%, 29%)
Luminanz
0,053
What We Do in the Shadows #460E2B
RGB
rgb(70, 14, 43)
HSL
hsl(329, 67%, 16%)
Luminanz
0,018
Vienna Roast #31051E
RGB
rgb(49, 5, 30)
HSL
hsl(326, 81%, 11%)
Luminanz
0,009
Belladonna #1F0510
RGB
rgb(31, 5, 16)
HSL
hsl(335, 72%, 7%)
Luminanz
0,004
Knight Rider #130208
RGB
rgb(19, 2, 8)
HSL
hsl(339, 81%, 4%)
Luminanz
0,002

Kontrast & Barrierefreiheit

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

Aa #FF8274 auf #130208 8,36:1 AAA
Aa #FF8274 auf #1F0510 8,00:1 AAA
Aa #FF8274 auf #31051E 7,43:1 AAA
Aa #FF8274 auf #460E2B 6,40:1 AA
Aa #D53C6A auf #130208 4,50:1 AA
Aa #D53C6A auf #1F0510 4,31:1 AA (großer Text)
Aa #FF8274 auf #7C183C 4,24:1 AA (großer Text)
Aa #D53C6A auf #31051E 4,00:1 AA (großer Text)
Aa #D53C6A auf #460E2B 3,45:1 AA (großer Text)
Aa #D53C6A auf #7C183C 2,28:1 Nicht bestanden
Aa #7C183C auf #130208 1,97:1 Nicht bestanden
Aa #7C183C auf #1F0510 1,89:1 Nicht bestanden
Aa #FF8274 auf #D53C6A 1,86:1 Nicht bestanden
Aa #7C183C auf #31051E 1,75:1 Nicht bestanden
Aa #7C183C auf #460E2B 1,51:1 Nicht bestanden
Aa #460E2B auf #130208 1,31:1 Nicht bestanden
Aa #460E2B auf #1F0510 1,25:1 Nicht bestanden
Aa #460E2B auf #31051E 1,16:1 Nicht bestanden
Aa #31051E auf #130208 1,13:1 Nicht bestanden
Aa #31051E auf #1F0510 1,08:1 Nicht bestanden
Aa #1F0510 auf #130208 1,05: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