Dusty 11

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

Zurück zur Bibliothek

Dusty 11

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

Bearbeiten

Lebendig 11 Farben Warm Gemischt Komplementär artist grafxkid

Likes 23

Farben 11

CSS-Variablen

:root {
  --c-vibrant-1: #93476D;
  --c-vibrant-2: #DD8B6F;
  --c-vibrant-3: #F5DB68;
  --c-vibrant-4: #7CBA40;
  --c-vibrant-5: #326599;
  --c-vibrant-6: #69A7F4;
  --c-vibrant-7: #9DDFFD;
  --c-vibrant-8: #F9F6EB;
  --c-vibrant-9: #A4B2B6;
  --c-vibrant-10: #676C7E;
  --c-vibrant-11: #2E2831;
}

Über diese Palette

Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Clear Moon (#F9F6EB) bis zum dunkelsten Ton Black Safflower (#2E2831). Sie vereint Befitting, Guava Jam, Wild Daffodil, Sparkling Apple, Caledor Sky, Blue Jeans, Columbia Blue, Clear Moon, Special Delivery, Nostalgic und Black Safflower in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F9F6EB auf #2E2831 mit 13,26:1.

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

Farben im Detail

Befitting #93476D

RGB: rgb(147, 71, 109)
HSL: hsl(330, 35%, 43%)
Luminanz: 0,118

Guava Jam #DD8B6F

RGB: rgb(221, 139, 111)
HSL: hsl(15, 62%, 65%)
Luminanz: 0,350

Wild Daffodil #F5DB68

RGB: rgb(245, 219, 104)
HSL: hsl(49, 88%, 68%)
Luminanz: 0,711

Sparkling Apple #7CBA40

RGB: rgb(124, 186, 64)
HSL: hsl(90, 49%, 49%)
Luminanz: 0,398

Caledor Sky #326599

RGB: rgb(50, 101, 153)
HSL: hsl(210, 51%, 40%)
Luminanz: 0,123

Blue Jeans #69A7F4

RGB: rgb(105, 167, 244)
HSL: hsl(213, 86%, 68%)
Luminanz: 0,372

Columbia Blue #9DDFFD

RGB: rgb(157, 223, 253)
HSL: hsl(199, 96%, 80%)
Luminanz: 0,670

Clear Moon #F9F6EB

RGB: rgb(249, 246, 235)
HSL: hsl(47, 54%, 95%)
Luminanz: 0,921

Special Delivery #A4B2B6

RGB: rgb(164, 178, 182)
HSL: hsl(193, 11%, 68%)
Luminanz: 0,431

Nostalgic #676C7E

RGB: rgb(103, 108, 126)
HSL: hsl(227, 10%, 45%)
Luminanz: 0,151

Black Safflower #2E2831

RGB: rgb(46, 40, 49)
HSL: hsl(280, 10%, 17%)
Luminanz: 0,023

Kontrast & Barrierefreiheit

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

Aa #F9F6EB auf #2E2831 13,26:1 AAA

Aa #F5DB68 auf #2E2831 10,39:1 AAA

Aa #9DDFFD auf #2E2831 9,84:1 AAA

Aa #A4B2B6 auf #2E2831 6,57:1 AA

Aa #7CBA40 auf #2E2831 6,12:1 AA

Aa #93476D auf #F9F6EB 5,77:1 AA

Aa #69A7F4 auf #2E2831 5,76:1 AA

Aa #326599 auf #F9F6EB 5,61:1 AA

Aa #DD8B6F auf #2E2831 5,46:1 AA

Aa #F9F6EB auf #676C7E 4,82:1 AA

Aa #93476D auf #F5DB68 4,52:1 AA

Aa #F5DB68 auf #326599 4,40:1 AA (großer Text)

Aa #93476D auf #9DDFFD 4,28:1 AA (großer Text)

Aa #326599 auf #9DDFFD 4,17:1 AA (großer Text)

Aa #F5DB68 auf #676C7E 3,78:1 AA (großer Text)

Aa #9DDFFD auf #676C7E 3,58:1 AA (großer Text)

Aa #93476D auf #A4B2B6 2,86:1 Nicht bestanden

Aa #326599 auf #A4B2B6 2,78:1 Nicht bestanden

Aa #676C7E auf #2E2831 2,75:1 Nicht bestanden

Aa #93476D auf #7CBA40 2,66:1 Nicht bestanden

Aa #7CBA40 auf #326599 2,59:1 Nicht bestanden

Aa #93476D auf #69A7F4 2,51:1 Nicht bestanden

Aa #326599 auf #69A7F4 2,44:1 Nicht bestanden

Aa #DD8B6F auf #F9F6EB 2,43:1 Nicht bestanden

Aa #A4B2B6 auf #676C7E 2,39:1 Nicht bestanden

Aa #93476D auf #DD8B6F 2,38:1 Nicht bestanden

Aa #326599 auf #2E2831 2,36:1 Nicht bestanden

Aa #DD8B6F auf #326599 2,31:1 Nicht bestanden

Aa #93476D auf #2E2831 2,30:1 Nicht bestanden

Aa #69A7F4 auf #F9F6EB 2,30:1 Nicht bestanden

Aa #7CBA40 auf #676C7E 2,23:1 Nicht bestanden

Aa #7CBA40 auf #F9F6EB 2,17:1 Nicht bestanden

Aa #69A7F4 auf #676C7E 2,10:1 Nicht bestanden

Aa #F9F6EB auf #A4B2B6 2,02:1 Nicht bestanden

Aa #DD8B6F auf #676C7E 1,99:1 Nicht bestanden

Aa #DD8B6F auf #F5DB68 1,90:1 Nicht bestanden

Aa #DD8B6F auf #9DDFFD 1,80:1 Nicht bestanden

Aa #F5DB68 auf #69A7F4 1,80:1 Nicht bestanden

Aa #69A7F4 auf #9DDFFD 1,71:1 Nicht bestanden

Aa #F5DB68 auf #7CBA40 1,70:1 Nicht bestanden

Aa #7CBA40 auf #9DDFFD 1,61:1 Nicht bestanden

Aa #F5DB68 auf #A4B2B6 1,58:1 Nicht bestanden

Aa #9DDFFD auf #A4B2B6 1,50:1 Nicht bestanden

Aa #9DDFFD auf #F9F6EB 1,35:1 Nicht bestanden

Aa #F5DB68 auf #F9F6EB 1,28:1 Nicht bestanden

Aa #93476D auf #676C7E 1,20:1 Nicht bestanden

Aa #DD8B6F auf #A4B2B6 1,20:1 Nicht bestanden

Aa #326599 auf #676C7E 1,16:1 Nicht bestanden

Aa #69A7F4 auf #A4B2B6 1,14:1 Nicht bestanden

Aa #DD8B6F auf #7CBA40 1,12:1 Nicht bestanden

Aa #7CBA40 auf #A4B2B6 1,07:1 Nicht bestanden

Aa #F5DB68 auf #9DDFFD 1,06:1 Nicht bestanden

Aa #7CBA40 auf #69A7F4 1,06:1 Nicht bestanden

Aa #DD8B6F auf #69A7F4 1,05:1 Nicht bestanden

Aa #93476D auf #326599 1,03:1 Nicht bestanden

Dusty 11

Dusty 11

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen