Startseite Farbpaletten Palette „Brilliant Azure“ mit 4 Farben

Palette „Brilliant Azure“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Brilliant Azure“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Triadisch

Likes 5.307

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0C356A;
  --c-vibrant-2: #279EFF;
  --c-vibrant-3: #40F8FF;
  --c-vibrant-4: #D5FFD0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Herbal Vapours (#D5FFD0) bis zum dunkelsten Ton Funnel Cloud (#0C356A). Sie vereint Funnel Cloud, Brilliant Azure, Bright Cyan und Herbal Vapours in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0C356A auf #D5FFD0 mit 10,99:1.

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

Farben im Detail

Funnel Cloud #0C356A

RGB: rgb(12, 53, 106)
HSL: hsl(214, 80%, 23%)
Luminanz: 0,037

Brilliant Azure #279EFF

RGB: rgb(39, 158, 255)
HSL: hsl(207, 100%, 58%)
Luminanz: 0,321

Bright Cyan #40F8FF

RGB: rgb(64, 248, 255)
HSL: hsl(182, 100%, 63%)
Luminanz: 0,754

Herbal Vapours #D5FFD0

RGB: rgb(213, 255, 208)
HSL: hsl(114, 100%, 91%)
Luminanz: 0,902

Kontrast & Barrierefreiheit

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

Aa #0C356A auf #D5FFD0 10,99:1 AAA

Aa #0C356A auf #40F8FF 9,28:1 AAA

Aa #0C356A auf #279EFF 4,28:1 AA (großer Text)

Aa #279EFF auf #D5FFD0 2,57:1 Nicht bestanden

Aa #279EFF auf #40F8FF 2,17:1 Nicht bestanden

Aa #40F8FF auf #D5FFD0 1,18:1 Nicht bestanden

Palette „Brilliant Azure“ mit 4 Farben