Startseite Farbpaletten Fluorescent Breeze

Fluorescent Breeze

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Fluorescent Breeze

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 12 Farben Kühl Gemischt Komplementär green orange blue purple

Likes 68

Farben 12

CSS-Variablen

:root {
  --c-vibrant-1: #3EE0DB;
  --c-vibrant-2: #20A1BF;
  --c-vibrant-3: #04358D;
  --c-vibrant-4: #250A57;
  --c-vibrant-5: #5E49B4;
  --c-vibrant-6: #C36CC9;
  --c-vibrant-7: #F78A90;
  --c-vibrant-8: #FFAE36;
  --c-vibrant-9: #FFDB7F;
  --c-vibrant-10: #FFF9E5;
  --c-vibrant-11: #D6EF10;
  --c-vibrant-12: #69C32C;
}

Über diese Palette

Diese lebendige Palette mit 12 Farben reicht vom hellsten Ton Magnolia (#FFF9E5) bis zum dunkelsten Ton Indigo Sloth (#250A57). Sie vereint Fresh Turquoise, Maui, One Minute to Midnight, Indigo Sloth, Swiss Plum, Purple Urn Orchid, Vinaceous Cinnamon, Ripe Pumpkin, Lantern Gold, Magnolia, Liquid Lime und Zunda Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 19 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #250A57 auf #FFF9E5 mit 15,82:1.

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

Farben im Detail

Fresh Turquoise #3EE0DB

RGB: rgb(62, 224, 219)
HSL: hsl(178, 72%, 56%)
Luminanz: 0,595

Maui #20A1BF

RGB: rgb(32, 161, 191)
HSL: hsl(191, 71%, 44%)
Luminanz: 0,296

One Minute to Midnight #04358D

RGB: rgb(4, 53, 141)
HSL: hsl(219, 94%, 28%)
Luminanz: 0,045

Indigo Sloth #250A57

RGB: rgb(37, 10, 87)
HSL: hsl(261, 79%, 19%)
Luminanz: 0,013

Swiss Plum #5E49B4

RGB: rgb(94, 73, 180)
HSL: hsl(252, 42%, 50%)
Luminanz: 0,104

Purple Urn Orchid #C36CC9

RGB: rgb(195, 108, 201)
HSL: hsl(296, 46%, 61%)
Luminanz: 0,265

Vinaceous Cinnamon #F78A90

RGB: rgb(247, 138, 144)
HSL: hsl(357, 87%, 75%)
Luminanz: 0,400

Ripe Pumpkin #FFAE36

RGB: rgb(255, 174, 54)
HSL: hsl(36, 100%, 61%)
Luminanz: 0,518

Lantern Gold #FFDB7F

RGB: rgb(255, 219, 127)
HSL: hsl(43, 100%, 75%)
Luminanz: 0,735

Magnolia #FFF9E5

RGB: rgb(255, 249, 229)
HSL: hsl(46, 100%, 95%)
Luminanz: 0,947

Liquid Lime #D6EF10

RGB: rgb(214, 239, 16)
HSL: hsl(67, 87%, 50%)
Luminanz: 0,761

Zunda Green #69C32C

RGB: rgb(105, 195, 44)
HSL: hsl(96, 63%, 47%)
Luminanz: 0,422

Kontrast & Barrierefreiheit

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

Aa #250A57 auf #FFF9E5 15,82:1 AAA

Aa #250A57 auf #D6EF10 12,87:1 AAA

Aa #250A57 auf #FFDB7F 12,46:1 AAA

Aa #04358D auf #FFF9E5 10,50:1 AAA

Aa #3EE0DB auf #250A57 10,23:1 AAA

Aa #250A57 auf #FFAE36 9,02:1 AAA

Aa #04358D auf #D6EF10 8,54:1 AAA

Aa #04358D auf #FFDB7F 8,26:1 AAA

Aa #250A57 auf #69C32C 7,50:1 AAA

Aa #250A57 auf #F78A90 7,14:1 AAA

Aa #3EE0DB auf #04358D 6,79:1 AA

Aa #5E49B4 auf #FFF9E5 6,46:1 AA

Aa #04358D auf #FFAE36 5,98:1 AA

Aa #20A1BF auf #250A57 5,49:1 AA

Aa #5E49B4 auf #D6EF10 5,25:1 AA

Aa #5E49B4 auf #FFDB7F 5,08:1 AA

Aa #250A57 auf #C36CC9 5,01:1 AA

Aa #04358D auf #69C32C 4,97:1 AA

Aa #04358D auf #F78A90 4,74:1 AA

Aa #3EE0DB auf #5E49B4 4,17:1 AA (großer Text)

Aa #5E49B4 auf #FFAE36 3,68:1 AA (großer Text)

Aa #20A1BF auf #04358D 3,64:1 AA (großer Text)

Aa #04358D auf #C36CC9 3,32:1 AA (großer Text)

Aa #C36CC9 auf #FFF9E5 3,16:1 AA (großer Text)

Aa #5E49B4 auf #69C32C 3,06:1 AA (großer Text)

Aa #5E49B4 auf #F78A90 2,91:1 Nicht bestanden

Aa #20A1BF auf #FFF9E5 2,88:1 Nicht bestanden

Aa #C36CC9 auf #D6EF10 2,57:1 Nicht bestanden

Aa #C36CC9 auf #FFDB7F 2,49:1 Nicht bestanden

Aa #250A57 auf #5E49B4 2,45:1 Nicht bestanden

Aa #20A1BF auf #D6EF10 2,35:1 Nicht bestanden

Aa #20A1BF auf #FFDB7F 2,27:1 Nicht bestanden

Aa #20A1BF auf #5E49B4 2,24:1 Nicht bestanden

Aa #F78A90 auf #FFF9E5 2,22:1 Nicht bestanden

Aa #FFF9E5 auf #69C32C 2,11:1 Nicht bestanden

Aa #3EE0DB auf #C36CC9 2,04:1 Nicht bestanden

Aa #5E49B4 auf #C36CC9 2,04:1 Nicht bestanden

Aa #3EE0DB auf #20A1BF 1,86:1 Nicht bestanden

Aa #C36CC9 auf #FFAE36 1,80:1 Nicht bestanden

Aa #F78A90 auf #D6EF10 1,80:1 Nicht bestanden

Aa #FFAE36 auf #FFF9E5 1,75:1 Nicht bestanden

Aa #F78A90 auf #FFDB7F 1,74:1 Nicht bestanden

Aa #D6EF10 auf #69C32C 1,72:1 Nicht bestanden

Aa #FFDB7F auf #69C32C 1,66:1 Nicht bestanden

Aa #20A1BF auf #FFAE36 1,64:1 Nicht bestanden

Aa #04358D auf #5E49B4 1,63:1 Nicht bestanden

Aa #3EE0DB auf #FFF9E5 1,55:1 Nicht bestanden

Aa #04358D auf #250A57 1,51:1 Nicht bestanden

Aa #C36CC9 auf #69C32C 1,50:1 Nicht bestanden

Aa #3EE0DB auf #F78A90 1,43:1 Nicht bestanden

Aa #C36CC9 auf #F78A90 1,43:1 Nicht bestanden

Aa #FFAE36 auf #D6EF10 1,43:1 Nicht bestanden

Aa #FFAE36 auf #FFDB7F 1,38:1 Nicht bestanden

Aa #3EE0DB auf #69C32C 1,37:1 Nicht bestanden

Aa #20A1BF auf #69C32C 1,37:1 Nicht bestanden

Aa #20A1BF auf #F78A90 1,30:1 Nicht bestanden

Aa #FFDB7F auf #FFF9E5 1,27:1 Nicht bestanden

Aa #3EE0DB auf #D6EF10 1,26:1 Nicht bestanden

Aa #F78A90 auf #FFAE36 1,26:1 Nicht bestanden

Aa #FFF9E5 auf #D6EF10 1,23:1 Nicht bestanden

Aa #3EE0DB auf #FFDB7F 1,22:1 Nicht bestanden

Aa #FFAE36 auf #69C32C 1,20:1 Nicht bestanden

Aa #3EE0DB auf #FFAE36 1,13:1 Nicht bestanden

Aa #20A1BF auf #C36CC9 1,10:1 Nicht bestanden

Aa #F78A90 auf #69C32C 1,05:1 Nicht bestanden

Aa #FFDB7F auf #D6EF10 1,03:1 Nicht bestanden

Fluorescent Breeze