Startseite Farbpaletten Lava Has The Viscosity Of Ketchup

Lava Has The Viscosity Of Ketchup

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Lava Has The Viscosity Of Ketchup

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 12 Farben Warm Gemischt Analog orange fire dark lava

Likes 84

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #EBA566;
  --c-vibrant-2: #E67B33;
  --c-vibrant-3: #DA3C14;
  --c-vibrant-4: #CC1B07;
  --c-vibrant-5: #96160B;
  --c-vibrant-6: #550F0A;
  --c-vibrant-7: #39211C;
  --c-vibrant-8: #38101A;
  --c-vibrant-9: #28120E;
  --c-vibrant-10: #240907;
  --c-vibrant-11: #150B09;
  --c-vibrant-12: #030205;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Adventure Orange (#EBA566) bis zum dunkelsten Ton Raven’s Coat (#030205). Sie vereint Adventure Orange, Spiced up Orange, Tail Lights, Piment Piquant, Totem Pole, Mama Africa, Brown Pod, Dark Sienna, Italian Roast, Root Brew, Balsamico und Raven’s Coat in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EBA566 auf #030205 mit 9,96:1.

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

Farben im Detail

Adventure Orange #EBA566

RGB: rgb(235, 165, 102)
HSL: hsl(28, 77%, 66%)
Luminanz: 0,455

Spiced up Orange #E67B33

RGB: rgb(230, 123, 51)
HSL: hsl(24, 78%, 55%)
Luminanz: 0,312

Tail Lights #DA3C14

RGB: rgb(218, 60, 20)
HSL: hsl(12, 83%, 47%)
Luminanz: 0,182

Piment Piquant #CC1B07

RGB: rgb(204, 27, 7)
HSL: hsl(6, 93%, 41%)
Luminanz: 0,136

Totem Pole #96160B

RGB: rgb(150, 22, 11)
HSL: hsl(5, 86%, 32%)
Luminanz: 0,071

Mama Africa #550F0A

RGB: rgb(85, 15, 10)
HSL: hsl(4, 79%, 19%)
Luminanz: 0,023

Brown Pod #39211C

RGB: rgb(57, 33, 28)
HSL: hsl(10, 34%, 17%)
Luminanz: 0,020

Dark Sienna #38101A

RGB: rgb(56, 16, 26)
HSL: hsl(345, 56%, 14%)
Luminanz: 0,013

Italian Roast #28120E

RGB: rgb(40, 18, 14)
HSL: hsl(9, 48%, 11%)
Luminanz: 0,009

Root Brew #240907

RGB: rgb(36, 9, 7)
HSL: hsl(4, 67%, 8%)
Luminanz: 0,006

Balsamico #150B09

RGB: rgb(21, 11, 9)
HSL: hsl(10, 40%, 6%)
Luminanz: 0,004

Raven’s Coat #030205

RGB: rgb(3, 2, 5)
HSL: hsl(260, 43%, 1%)
Luminanz: 0,001

Kontrast & Barrierefreiheit

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

Aa #EBA566 auf #030205 9,96:1 AAA

Aa #EBA566 auf #150B09 9,33:1 AAA

Aa #EBA566 auf #240907 9,05:1 AAA

Aa #EBA566 auf #28120E 8,54:1 AAA

Aa #EBA566 auf #38101A 8,04:1 AAA

Aa #EBA566 auf #39211C 7,18:1 AAA

Aa #E67B33 auf #030205 7,14:1 AAA

Aa #EBA566 auf #550F0A 6,93:1 AA

Aa #E67B33 auf #150B09 6,69:1 AA

Aa #E67B33 auf #240907 6,49:1 AA

Aa #E67B33 auf #28120E 6,12:1 AA

Aa #E67B33 auf #38101A 5,76:1 AA

Aa #E67B33 auf #39211C 5,14:1 AA

Aa #E67B33 auf #550F0A 4,97:1 AA

Aa #DA3C14 auf #030205 4,57:1 AA

Aa #DA3C14 auf #150B09 4,28:1 AA (großer Text)

Aa #EBA566 auf #96160B 4,18:1 AA (großer Text)

Aa #DA3C14 auf #240907 4,15:1 AA (großer Text)

Aa #DA3C14 auf #28120E 3,92:1 AA (großer Text)

Aa #DA3C14 auf #38101A 3,69:1 AA (großer Text)

Aa #CC1B07 auf #030205 3,67:1 AA (großer Text)

Aa #CC1B07 auf #150B09 3,44:1 AA (großer Text)

Aa #CC1B07 auf #240907 3,34:1 AA (großer Text)

Aa #DA3C14 auf #39211C 3,29:1 AA (großer Text)

Aa #DA3C14 auf #550F0A 3,18:1 AA (großer Text)

Aa #CC1B07 auf #28120E 3,15:1 AA (großer Text)

Aa #E67B33 auf #96160B 3,00:1 AA (großer Text)

Aa #CC1B07 auf #38101A 2,96:1 Nicht bestanden

Aa #EBA566 auf #CC1B07 2,71:1 Nicht bestanden

Aa #CC1B07 auf #39211C 2,65:1 Nicht bestanden

Aa #CC1B07 auf #550F0A 2,55:1 Nicht bestanden

Aa #96160B auf #030205 2,38:1 Nicht bestanden

Aa #96160B auf #150B09 2,23:1 Nicht bestanden

Aa #EBA566 auf #DA3C14 2,18:1 Nicht bestanden

Aa #96160B auf #240907 2,16:1 Nicht bestanden

Aa #96160B auf #28120E 2,04:1 Nicht bestanden

Aa #E67B33 auf #CC1B07 1,94:1 Nicht bestanden

Aa #DA3C14 auf #96160B 1,92:1 Nicht bestanden

Aa #96160B auf #38101A 1,92:1 Nicht bestanden

Aa #96160B auf #39211C 1,72:1 Nicht bestanden

Aa #96160B auf #550F0A 1,66:1 Nicht bestanden

Aa #E67B33 auf #DA3C14 1,56:1 Nicht bestanden

Aa #CC1B07 auf #96160B 1,54:1 Nicht bestanden

Aa #550F0A auf #030205 1,44:1 Nicht bestanden

Aa #EBA566 auf #E67B33 1,39:1 Nicht bestanden

Aa #39211C auf #030205 1,39:1 Nicht bestanden

Aa #550F0A auf #150B09 1,35:1 Nicht bestanden

Aa #550F0A auf #240907 1,31:1 Nicht bestanden

Aa #39211C auf #150B09 1,30:1 Nicht bestanden

Aa #39211C auf #240907 1,26:1 Nicht bestanden

Aa #DA3C14 auf #CC1B07 1,24:1 Nicht bestanden

Aa #38101A auf #030205 1,24:1 Nicht bestanden

Aa #550F0A auf #28120E 1,23:1 Nicht bestanden

Aa #39211C auf #28120E 1,19:1 Nicht bestanden

Aa #28120E auf #030205 1,17:1 Nicht bestanden

Aa #550F0A auf #38101A 1,16:1 Nicht bestanden

Aa #38101A auf #150B09 1,16:1 Nicht bestanden

Aa #38101A auf #240907 1,13:1 Nicht bestanden

Aa #39211C auf #38101A 1,12:1 Nicht bestanden

Aa #240907 auf #030205 1,10:1 Nicht bestanden

Aa #28120E auf #150B09 1,09:1 Nicht bestanden

Aa #150B09 auf #030205 1,07:1 Nicht bestanden

Aa #38101A auf #28120E 1,06:1 Nicht bestanden

Aa #28120E auf #240907 1,06:1 Nicht bestanden

Aa #550F0A auf #39211C 1,04:1 Nicht bestanden

Aa #240907 auf #150B09 1,03:1 Nicht bestanden

Lava Has The Viscosity Of Ketchup