Startseite Farbpaletten MINIMAL RESORT

MINIMAL RESORT

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

Zurück zur Bibliothek

MINIMAL RESORT

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär monster desert sand sun

Likes 39

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #296E73;
  --c-vibrant-2: #46B78E;
  --c-vibrant-3: #9CC960;
  --c-vibrant-4: #FFFFEE;
  --c-vibrant-5: #EDC4FF;
  --c-vibrant-6: #FFA695;
  --c-vibrant-7: #E27D7B;
  --c-vibrant-8: #9C5F3F;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Eburnean (#FFFFEE) bis zum dunkelsten Ton Blue Hosta (#296E73). Sie vereint Blue Hosta, Aragon Green, Spring Lime, Eburnean, Aquarelle Lilac, Frozen Salmon, Tango Pink und Harrison Rust in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #296E73 auf #FFFFEE mit 5,82:1.

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

Farben im Detail

Blue Hosta #296E73

RGB: rgb(41, 110, 115)
HSL: hsl(184, 47%, 31%)
Luminanz: 0,129

Aragon Green #46B78E

RGB: rgb(70, 183, 142)
HSL: hsl(158, 45%, 50%)
Luminanz: 0,371

Spring Lime #9CC960

RGB: rgb(156, 201, 96)
HSL: hsl(86, 49%, 58%)
Luminanz: 0,497

Eburnean #FFFFEE

RGB: rgb(255, 255, 238)
HSL: hsl(60, 100%, 97%)
Luminanz: 0,990

Aquarelle Lilac #EDC4FF

RGB: rgb(237, 196, 255)
HSL: hsl(282, 100%, 88%)
Luminanz: 0,647

Frozen Salmon #FFA695

RGB: rgb(255, 166, 149)
HSL: hsl(10, 100%, 79%)
Luminanz: 0,507

Tango Pink #E27D7B

RGB: rgb(226, 125, 123)
HSL: hsl(1, 64%, 68%)
Luminanz: 0,323

Harrison Rust #9C5F3F

RGB: rgb(156, 95, 63)
HSL: hsl(21, 42%, 43%)
Luminanz: 0,156

Kontrast & Barrierefreiheit

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

Aa #296E73 auf #FFFFEE 5,82:1 AA

Aa #FFFFEE auf #9C5F3F 5,04:1 AA

Aa #296E73 auf #EDC4FF 3,90:1 AA (großer Text)

Aa #EDC4FF auf #9C5F3F 3,38:1 AA (großer Text)

Aa #296E73 auf #FFA695 3,12:1 AA (großer Text)

Aa #296E73 auf #9CC960 3,06:1 AA (großer Text)

Aa #FFFFEE auf #E27D7B 2,79:1 Nicht bestanden

Aa #FFA695 auf #9C5F3F 2,70:1 Nicht bestanden

Aa #9CC960 auf #9C5F3F 2,65:1 Nicht bestanden

Aa #46B78E auf #FFFFEE 2,47:1 Nicht bestanden

Aa #296E73 auf #46B78E 2,36:1 Nicht bestanden

Aa #296E73 auf #E27D7B 2,09:1 Nicht bestanden

Aa #46B78E auf #9C5F3F 2,04:1 Nicht bestanden

Aa #9CC960 auf #FFFFEE 1,90:1 Nicht bestanden

Aa #FFFFEE auf #FFA695 1,87:1 Nicht bestanden

Aa #EDC4FF auf #E27D7B 1,87:1 Nicht bestanden

Aa #E27D7B auf #9C5F3F 1,81:1 Nicht bestanden

Aa #46B78E auf #EDC4FF 1,65:1 Nicht bestanden

Aa #FFFFEE auf #EDC4FF 1,49:1 Nicht bestanden

Aa #FFA695 auf #E27D7B 1,49:1 Nicht bestanden

Aa #9CC960 auf #E27D7B 1,47:1 Nicht bestanden

Aa #46B78E auf #FFA695 1,32:1 Nicht bestanden

Aa #46B78E auf #9CC960 1,30:1 Nicht bestanden

Aa #9CC960 auf #EDC4FF 1,27:1 Nicht bestanden

Aa #EDC4FF auf #FFA695 1,25:1 Nicht bestanden

Aa #296E73 auf #9C5F3F 1,15:1 Nicht bestanden

Aa #46B78E auf #E27D7B 1,13:1 Nicht bestanden

Aa #9CC960 auf #FFA695 1,02:1 Nicht bestanden

MINIMAL RESORT

MINIMAL RESORT

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen