Startseite Farbpaletten Sunflower Painting 7

Sunflower Painting 7

Palette mit 7 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Sunflower Painting 7

Palette mit 7 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 7 Farben Neutral Gemischt Komplementär green 7 blue cyan

Likes 61

Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #2C353C;
  --c-vibrant-2: #1A5C6B;
  --c-vibrant-3: #08839B;
  --c-vibrant-4: #A9E5BB;
  --c-vibrant-5: #FBF5B1;
  --c-vibrant-6: #F9D46E;
  --c-vibrant-7: #F7B32C;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Casino Lights (#FBF5B1) bis zum dunkelsten Ton Dracula Orchid (#2C353C). Sie vereint Dracula Orchid, Connor’s Lakefront, Cruising, Mountain Mint, Casino Lights, Forsythia Blossom und Hot Sun in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C353C auf #FBF5B1 mit 11,18:1.

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

Farben im Detail

Dracula Orchid #2C353C

RGB: rgb(44, 53, 60)
HSL: hsl(206, 15%, 20%)
Luminanz: 0,034

Connor’s Lakefront #1A5C6B

RGB: rgb(26, 92, 107)
HSL: hsl(191, 61%, 26%)
Luminanz: 0,089

Cruising #08839B

RGB: rgb(8, 131, 155)
HSL: hsl(190, 90%, 32%)
Luminanz: 0,187

Mountain Mint #A9E5BB

RGB: rgb(169, 229, 187)
HSL: hsl(138, 54%, 78%)
Luminanz: 0,681

Casino Lights #FBF5B1

RGB: rgb(251, 245, 177)
HSL: hsl(55, 90%, 84%)
Luminanz: 0,890

Forsythia Blossom #F9D46E

RGB: rgb(249, 212, 110)
HSL: hsl(44, 92%, 70%)
Luminanz: 0,684

Hot Sun #F7B32C

RGB: rgb(247, 179, 44)
HSL: hsl(40, 93%, 57%)
Luminanz: 0,522

Kontrast & Barrierefreiheit

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

Aa #2C353C auf #FBF5B1 11,18:1 AAA

Aa #2C353C auf #F9D46E 8,72:1 AAA

Aa #2C353C auf #A9E5BB 8,69:1 AAA

Aa #2C353C auf #F7B32C 6,80:1 AA

Aa #1A5C6B auf #FBF5B1 6,74:1 AA

Aa #1A5C6B auf #F9D46E 5,26:1 AA

Aa #1A5C6B auf #A9E5BB 5,24:1 AA

Aa #1A5C6B auf #F7B32C 4,10:1 AA (großer Text)

Aa #08839B auf #FBF5B1 3,97:1 AA (großer Text)

Aa #08839B auf #F9D46E 3,10:1 AA (großer Text)

Aa #08839B auf #A9E5BB 3,09:1 AA (großer Text)

Aa #2C353C auf #08839B 2,81:1 Nicht bestanden

Aa #08839B auf #F7B32C 2,42:1 Nicht bestanden

Aa #1A5C6B auf #08839B 1,70:1 Nicht bestanden

Aa #2C353C auf #1A5C6B 1,66:1 Nicht bestanden

Aa #FBF5B1 auf #F7B32C 1,64:1 Nicht bestanden

Aa #A9E5BB auf #FBF5B1 1,29:1 Nicht bestanden

Aa #A9E5BB auf #F7B32C 1,28:1 Nicht bestanden

Aa #FBF5B1 auf #F9D46E 1,28:1 Nicht bestanden

Aa #F9D46E auf #F7B32C 1,28:1 Nicht bestanden

Aa #A9E5BB auf #F9D46E 1,00:1 Nicht bestanden

Sunflower Painting 7