BlueGold 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

BlueGold 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch blue gold random idk

Likes 14

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #F1FBFE;
  --c-vibrant-2: #A8F7FE;
  --c-vibrant-3: #84E0AB;
  --c-vibrant-4: #8FB569;
  --c-vibrant-5: #A7AB59;
  --c-vibrant-6: #99943C;
  --c-vibrant-7: #7A6F18;
  --c-vibrant-8: #7A6507;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Alice Blue (#F1FBFE) bis zum dunkelsten Ton Arousing Alligator (#7A6507). Sie vereint Alice Blue, Waterspout, Jovial Jade, Nasturtium Leaf, Spinach Banana Smoothie, Plantain, Medusa’s Snakes und Arousing Alligator in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1FBFE auf #7A6507 mit 5,41:1.

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

Farben im Detail

Alice Blue #F1FBFE

RGB: rgb(241, 251, 254)
HSL: hsl(194, 87%, 97%)
Luminanz: 0,949

Waterspout #A8F7FE

RGB: rgb(168, 247, 254)
HSL: hsl(185, 98%, 83%)
Luminanz: 0,820

Jovial Jade #84E0AB

RGB: rgb(132, 224, 171)
HSL: hsl(145, 60%, 70%)
Luminanz: 0,612

Nasturtium Leaf #8FB569

RGB: rgb(143, 181, 105)
HSL: hsl(90, 34%, 56%)
Luminanz: 0,399

Spinach Banana Smoothie #A7AB59

RGB: rgb(167, 171, 89)
HSL: hsl(63, 33%, 51%)
Luminanz: 0,381

Plantain #99943C

RGB: rgb(153, 148, 60)
HSL: hsl(57, 44%, 42%)
Luminanz: 0,283

Medusa’s Snakes #7A6F18

RGB: rgb(122, 111, 24)
HSL: hsl(53, 67%, 29%)
Luminanz: 0,156

Arousing Alligator #7A6507

RGB: rgb(122, 101, 7)
HSL: hsl(49, 89%, 25%)
Luminanz: 0,135

Kontrast & Barrierefreiheit

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

Aa #F1FBFE auf #7A6507 5,41:1 AA

Aa #F1FBFE auf #7A6F18 4,85:1 AA

Aa #A8F7FE auf #7A6507 4,71:1 AA

Aa #A8F7FE auf #7A6F18 4,23:1 AA (großer Text)

Aa #84E0AB auf #7A6507 3,58:1 AA (großer Text)

Aa #84E0AB auf #7A6F18 3,22:1 AA (großer Text)

Aa #F1FBFE auf #99943C 3,00:1 AA (großer Text)

Aa #A8F7FE auf #99943C 2,61:1 Nicht bestanden

Aa #8FB569 auf #7A6507 2,43:1 Nicht bestanden

Aa #A7AB59 auf #7A6507 2,33:1 Nicht bestanden

Aa #F1FBFE auf #A7AB59 2,32:1 Nicht bestanden

Aa #F1FBFE auf #8FB569 2,22:1 Nicht bestanden

Aa #8FB569 auf #7A6F18 2,18:1 Nicht bestanden

Aa #A7AB59 auf #7A6F18 2,09:1 Nicht bestanden

Aa #A8F7FE auf #A7AB59 2,02:1 Nicht bestanden

Aa #84E0AB auf #99943C 1,99:1 Nicht bestanden

Aa #A8F7FE auf #8FB569 1,94:1 Nicht bestanden

Aa #99943C auf #7A6507 1,80:1 Nicht bestanden

Aa #99943C auf #7A6F18 1,62:1 Nicht bestanden

Aa #84E0AB auf #A7AB59 1,54:1 Nicht bestanden

Aa #F1FBFE auf #84E0AB 1,51:1 Nicht bestanden

Aa #84E0AB auf #8FB569 1,47:1 Nicht bestanden

Aa #8FB569 auf #99943C 1,35:1 Nicht bestanden

Aa #A8F7FE auf #84E0AB 1,32:1 Nicht bestanden

Aa #A7AB59 auf #99943C 1,29:1 Nicht bestanden

Aa #F1FBFE auf #A8F7FE 1,15:1 Nicht bestanden

Aa #7A6F18 auf #7A6507 1,11:1 Nicht bestanden

Aa #8FB569 auf #A7AB59 1,04:1 Nicht bestanden

BlueGold 8

BlueGold 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen