Startseite Farbpaletten Palette „Vanadyl Blue“ mit 4 Farben

Palette „Vanadyl Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vanadyl Blue“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Komplementär

Likes 2.300

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #002BDC;
  --c-vibrant-2: #2F4BFF;
  --c-vibrant-3: #00A6E7;
  --c-vibrant-4: #FFE37F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Luminous Yellow (#FFE37F) bis zum dunkelsten Ton Cold Pack (#002BDC). Sie vereint Cold Pack, Blueshift, Vanadyl Blue und Luminous Yellow 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 #002BDC auf #FFE37F mit 6,96:1.

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

Farben im Detail

Cold Pack #002BDC

RGB: rgb(0, 43, 220)
HSL: hsl(228, 100%, 43%)
Luminanz: 0,069

Blueshift #2F4BFF

RGB: rgb(47, 75, 255)
HSL: hsl(232, 100%, 59%)
Luminanz: 0,129

Vanadyl Blue #00A6E7

RGB: rgb(0, 166, 231)
HSL: hsl(197, 100%, 45%)
Luminanz: 0,330

Luminous Yellow #FFE37F

RGB: rgb(255, 227, 127)
HSL: hsl(47, 100%, 75%)
Luminanz: 0,777

Kontrast & Barrierefreiheit

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

Aa #002BDC auf #FFE37F 6,96:1 AA

Aa #2F4BFF auf #FFE37F 4,63:1 AA

Aa #002BDC auf #00A6E7 3,20:1 AA (großer Text)

Aa #00A6E7 auf #FFE37F 2,17:1 Nicht bestanden

Aa #2F4BFF auf #00A6E7 2,13:1 Nicht bestanden

Aa #002BDC auf #2F4BFF 1,50:1 Nicht bestanden

Palette „Vanadyl Blue“ mit 4 Farben