Startseite Farbpaletten Palette „Egyptian Blue“ mit 4 Farben

Palette „Egyptian Blue“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Egyptian Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 3.877

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0C359E;
  --c-vibrant-2: #EE99C2;
  --c-vibrant-3: #FFE3CA;
  --c-vibrant-4: #F6F5F5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton White Smoke (#F6F5F5) bis zum dunkelsten Ton Egyptian Blue (#0C359E). Sie vereint Egyptian Blue, Be My Valentine, Barely Ripe Apricot und White Smoke 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 #0C359E auf #F6F5F5 mit 9,56:1.

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

Farben im Detail

Egyptian Blue #0C359E

RGB: rgb(12, 53, 158)
HSL: hsl(223, 86%, 33%)
Luminanz: 0,051

Be My Valentine #EE99C2

RGB: rgb(238, 153, 194)
HSL: hsl(331, 71%, 77%)
Luminanz: 0,449

Barely Ripe Apricot #FFE3CA

RGB: rgb(255, 227, 202)
HSL: hsl(28, 100%, 90%)
Luminanz: 0,805

White Smoke #F6F5F5

RGB: rgb(246, 245, 245)
HSL: hsl(0, 5%, 96%)
Luminanz: 0,915

Kontrast & Barrierefreiheit

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

Aa #0C359E auf #F6F5F5 9,56:1 AAA

Aa #0C359E auf #FFE3CA 8,47:1 AAA

Aa #0C359E auf #EE99C2 4,94:1 AA

Aa #EE99C2 auf #F6F5F5 1,94:1 Nicht bestanden

Aa #EE99C2 auf #FFE3CA 1,71:1 Nicht bestanden

Aa #FFE3CA auf #F6F5F5 1,13:1 Nicht bestanden

Palette „Egyptian Blue“ mit 4 Farben