Startseite Farbpaletten Palette „99 Years Blue“ mit 4 Farben

Palette „99 Years Blue“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „99 Years Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 9.697

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #04009A;
  --c-vibrant-2: #77ACF1;
  --c-vibrant-3: #3EDBF0;
  --c-vibrant-4: #C0FEFC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Friendly Frost (#C0FEFC) bis zum dunkelsten Ton 99 Years Blue (#04009A). Sie vereint 99 Years Blue, Fennel Flower, Blue Dacnis und Friendly Frost in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #04009A auf #C0FEFC mit 12,79:1.

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

Farben im Detail

99 Years Blue #04009A

RGB: rgb(4, 0, 154)
HSL: hsl(242, 100%, 30%)
Luminanz: 0,024

Fennel Flower #77ACF1

RGB: rgb(119, 172, 241)
HSL: hsl(214, 81%, 71%)
Luminanz: 0,398

Blue Dacnis #3EDBF0

RGB: rgb(62, 219, 240)
HSL: hsl(187, 86%, 59%)
Luminanz: 0,580

Friendly Frost #C0FEFC

RGB: rgb(192, 254, 252)
HSL: hsl(178, 97%, 87%)
Luminanz: 0,891

Kontrast & Barrierefreiheit

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

Aa #04009A auf #C0FEFC 12,79:1 AAA

Aa #04009A auf #3EDBF0 8,56:1 AAA

Aa #04009A auf #77ACF1 6,08:1 AA

Aa #77ACF1 auf #C0FEFC 2,10:1 Nicht bestanden

Aa #3EDBF0 auf #C0FEFC 1,49:1 Nicht bestanden

Aa #77ACF1 auf #3EDBF0 1,41:1 Nicht bestanden

Palette „99 Years Blue“ mit 4 Farben