Registrieren Registrieren
Maroon Gorge

Maroon Gorge

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

Zurück zur Bibliothek

Maroon Gorge

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

Bearbeiten
Gedeckt 9 Farben Warm Dunkel Analog orange fire red redishviolet
Likes 50
Farben 9

CSS-Variablen

:root {
  --c-muted-1: #180014;
  --c-muted-2: #220320;
  --c-muted-3: #330522;
  --c-muted-4: #4E0725;
  --c-muted-5: #6D0924;
  --c-muted-6: #B10E25;
  --c-muted-7: #DE6E0C;
  --c-muted-8: #F49C1E;
  --c-muted-9: #F8C222;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Ripe Mango (#F8C222) bis zum dunkelsten Ton Glossy Black (#180014). Sie vereint Glossy Black, Black Sabbath, Vienna Roast, Fig Balsamic, Plum Cheese, Tango Red, Gold Orange, Burning Trail und Ripe Mango in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #180014 auf #F8C222 mit 12,14:1.

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

Farben im Detail

Glossy Black #180014
RGB
rgb(24, 0, 20)
HSL
hsl(310, 100%, 5%)
Luminanz
0,002
Black Sabbath #220320
RGB
rgb(34, 3, 32)
HSL
hsl(304, 84%, 7%)
Luminanz
0,005
Vienna Roast #330522
RGB
rgb(51, 5, 34)
HSL
hsl(322, 82%, 11%)
Luminanz
0,009
Fig Balsamic #4E0725
RGB
rgb(78, 7, 37)
HSL
hsl(335, 84%, 17%)
Luminanz
0,019
Plum Cheese #6D0924
RGB
rgb(109, 9, 36)
HSL
hsl(344, 85%, 23%)
Luminanz
0,036
Tango Red #B10E25
RGB
rgb(177, 14, 37)
HSL
hsl(352, 85%, 37%)
Luminanz
0,098
Gold Orange #DE6E0C
RGB
rgb(222, 110, 12)
HSL
hsl(28, 90%, 46%)
Luminanz
0,267
Burning Trail #F49C1E
RGB
rgb(244, 156, 30)
HSL
hsl(35, 91%, 54%)
Luminanz
0,431
Ripe Mango #F8C222
RGB
rgb(248, 194, 34)
HSL
hsl(45, 94%, 55%)
Luminanz
0,587

Kontrast & Barrierefreiheit

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

Aa #180014 auf #F8C222 12,14:1 AAA
Aa #220320 auf #F8C222 11,55:1 AAA
Aa #330522 auf #F8C222 10,74:1 AAA
Aa #4E0725 auf #F8C222 9,22:1 AAA
Aa #180014 auf #F49C1E 9,17:1 AAA
Aa #220320 auf #F49C1E 8,73:1 AAA
Aa #330522 auf #F49C1E 8,11:1 AAA
Aa #6D0924 auf #F8C222 7,42:1 AAA
Aa #4E0725 auf #F49C1E 6,97:1 AA
Aa #180014 auf #DE6E0C 6,05:1 AA
Aa #220320 auf #DE6E0C 5,76:1 AA
Aa #6D0924 auf #F49C1E 5,61:1 AA
Aa #330522 auf #DE6E0C 5,35:1 AA
Aa #4E0725 auf #DE6E0C 4,59:1 AA
Aa #B10E25 auf #F8C222 4,30:1 AA (großer Text)
Aa #6D0924 auf #DE6E0C 3,70:1 AA (großer Text)
Aa #B10E25 auf #F49C1E 3,25:1 AA (großer Text)
Aa #180014 auf #B10E25 2,82:1 Nicht bestanden
Aa #220320 auf #B10E25 2,69:1 Nicht bestanden
Aa #330522 auf #B10E25 2,50:1 Nicht bestanden
Aa #4E0725 auf #B10E25 2,14:1 Nicht bestanden
Aa #B10E25 auf #DE6E0C 2,14:1 Nicht bestanden
Aa #DE6E0C auf #F8C222 2,01:1 Nicht bestanden
Aa #6D0924 auf #B10E25 1,73:1 Nicht bestanden
Aa #180014 auf #6D0924 1,63:1 Nicht bestanden
Aa #220320 auf #6D0924 1,56:1 Nicht bestanden
Aa #DE6E0C auf #F49C1E 1,52:1 Nicht bestanden
Aa #330522 auf #6D0924 1,45:1 Nicht bestanden
Aa #180014 auf #4E0725 1,32:1 Nicht bestanden
Aa #F49C1E auf #F8C222 1,32:1 Nicht bestanden
Aa #220320 auf #4E0725 1,25:1 Nicht bestanden
Aa #4E0725 auf #6D0924 1,24:1 Nicht bestanden
Aa #330522 auf #4E0725 1,16:1 Nicht bestanden
Aa #180014 auf #330522 1,13:1 Nicht bestanden
Aa #220320 auf #330522 1,08:1 Nicht bestanden
Aa #180014 auf #220320 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