Startseite Farbpaletten Lost In The Desert

Lost In The Desert

Palette mit 10 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Lost In The Desert

Palette mit 10 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 10 Farben Warm Gemischt Komplementär orange red warm purple

Likes 105

Farben 10

CSS-Variablen

:root {
  --c-vibrant-1: #151244;
  --c-vibrant-2: #60117F;
  --c-vibrant-3: #922A95;
  --c-vibrant-4: #BE7DBC;
  --c-vibrant-5: #350828;
  --c-vibrant-6: #7F6962;
  --c-vibrant-7: #F9CB60;
  --c-vibrant-8: #F9960F;
  --c-vibrant-9: #BC2F01;
  --c-vibrant-10: #680703;
}

Über diese Palette

Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Little Sun Dress (#F9CB60) bis zum dunkelsten Ton Deadly Depths (#151244). Sie vereint Deadly Depths, Deep Daitoku Purple, Nebula Outpost, Lavender Sweater, Globe Thistle, Zanzibar, Little Sun Dress, Aromango, Dropped Brick und Beastly Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #151244 auf #F9CB60 mit 11,43:1.

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

Farben im Detail

Deadly Depths #151244

RGB: rgb(21, 18, 68)
HSL: hsl(244, 58%, 17%)
Luminanz: 0,010

Deep Daitoku Purple #60117F

RGB: rgb(96, 17, 127)
HSL: hsl(283, 76%, 28%)
Luminanz: 0,044

Nebula Outpost #922A95

RGB: rgb(146, 42, 149)
HSL: hsl(298, 56%, 37%)
Luminanz: 0,099

Lavender Sweater #BE7DBC

RGB: rgb(190, 125, 188)
HSL: hsl(302, 33%, 62%)
Luminanz: 0,293

Globe Thistle #350828

RGB: rgb(53, 8, 40)
HSL: hsl(317, 74%, 12%)
Luminanz: 0,011

Zanzibar #7F6962

RGB: rgb(127, 105, 98)
HSL: hsl(14, 13%, 44%)
Luminanz: 0,155

Little Sun Dress #F9CB60

RGB: rgb(249, 203, 96)
HSL: hsl(42, 93%, 68%)
Luminanz: 0,637

Aromango #F9960F

RGB: rgb(249, 150, 15)
HSL: hsl(35, 95%, 52%)
Luminanz: 0,420

Dropped Brick #BC2F01

RGB: rgb(188, 47, 1)
HSL: hsl(15, 99%, 37%)
Luminanz: 0,127

Beastly Red #680703

RGB: rgb(104, 7, 3)
HSL: hsl(2, 94%, 21%)
Luminanz: 0,031

Kontrast & Barrierefreiheit

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

Aa #151244 auf #F9CB60 11,43:1 AAA

Aa #350828 auf #F9CB60 11,29:1 AAA

Aa #F9CB60 auf #680703 8,48:1 AAA

Aa #151244 auf #F9960F 7,82:1 AAA

Aa #350828 auf #F9960F 7,72:1 AAA

Aa #60117F auf #F9CB60 7,29:1 AAA

Aa #F9960F auf #680703 5,80:1 AA

Aa #151244 auf #BE7DBC 5,70:1 AA

Aa #BE7DBC auf #350828 5,63:1 AA

Aa #60117F auf #F9960F 4,99:1 AA

Aa #922A95 auf #F9CB60 4,60:1 AA

Aa #BE7DBC auf #680703 4,23:1 AA (großer Text)

Aa #F9CB60 auf #BC2F01 3,88:1 AA (großer Text)

Aa #60117F auf #BE7DBC 3,64:1 AA (großer Text)

Aa #151244 auf #7F6962 3,41:1 AA (großer Text)

Aa #350828 auf #7F6962 3,37:1 AA (großer Text)

Aa #7F6962 auf #F9CB60 3,35:1 AA (großer Text)

Aa #922A95 auf #F9960F 3,15:1 AA (großer Text)

Aa #151244 auf #BC2F01 2,95:1 Nicht bestanden

Aa #350828 auf #BC2F01 2,91:1 Nicht bestanden

Aa #F9960F auf #BC2F01 2,65:1 Nicht bestanden

Aa #7F6962 auf #680703 2,53:1 Nicht bestanden

Aa #151244 auf #922A95 2,49:1 Nicht bestanden

Aa #922A95 auf #350828 2,46:1 Nicht bestanden

Aa #922A95 auf #BE7DBC 2,29:1 Nicht bestanden

Aa #7F6962 auf #F9960F 2,29:1 Nicht bestanden

Aa #BC2F01 auf #680703 2,19:1 Nicht bestanden

Aa #60117F auf #7F6962 2,18:1 Nicht bestanden

Aa #BE7DBC auf #F9CB60 2,01:1 Nicht bestanden

Aa #BE7DBC auf #BC2F01 1,93:1 Nicht bestanden

Aa #60117F auf #BC2F01 1,88:1 Nicht bestanden

Aa #922A95 auf #680703 1,84:1 Nicht bestanden

Aa #BE7DBC auf #7F6962 1,67:1 Nicht bestanden

Aa #60117F auf #922A95 1,59:1 Nicht bestanden

Aa #151244 auf #60117F 1,57:1 Nicht bestanden

Aa #60117F auf #350828 1,55:1 Nicht bestanden

Aa #F9CB60 auf #F9960F 1,46:1 Nicht bestanden

Aa #922A95 auf #7F6962 1,37:1 Nicht bestanden

Aa #BE7DBC auf #F9960F 1,37:1 Nicht bestanden

Aa #151244 auf #680703 1,35:1 Nicht bestanden

Aa #350828 auf #680703 1,33:1 Nicht bestanden

Aa #922A95 auf #BC2F01 1,19:1 Nicht bestanden

Aa #60117F auf #680703 1,16:1 Nicht bestanden

Aa #7F6962 auf #BC2F01 1,16:1 Nicht bestanden

Aa #151244 auf #350828 1,01:1 Nicht bestanden

Lost In The Desert