Startseite Farbpaletten Palette „Merchant Marine Blue“ mit 4 Farben

Palette „Merchant Marine Blue“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Merchant Marine Blue“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Hell Triadisch

Likes 3.178

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0E3EDA;
  --c-vibrant-2: #F473B9;
  --c-vibrant-3: #FFBDE6;
  --c-vibrant-4: #FFDDEE;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Transparent Pink (#FFDDEE) bis zum dunkelsten Ton Merchant Marine Blue (#0E3EDA). Sie vereint Merchant Marine Blue, Pop That Gum, Pretty in Pink und Transparent Pink 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 #0E3EDA auf #FFDDEE mit 6,19:1.

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

Farben im Detail

Merchant Marine Blue #0E3EDA

RGB: rgb(14, 62, 218)
HSL: hsl(226, 88%, 45%)
Luminanz: 0,086

Pop That Gum #F473B9

RGB: rgb(244, 115, 185)
HSL: hsl(327, 85%, 70%)
Luminanz: 0,350

Pretty in Pink #FFBDE6

RGB: rgb(255, 189, 230)
HSL: hsl(323, 100%, 87%)
Luminanz: 0,634

Transparent Pink #FFDDEE

RGB: rgb(255, 221, 238)
HSL: hsl(330, 100%, 93%)
Luminanz: 0,792

Kontrast & Barrierefreiheit

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

Aa #0E3EDA auf #FFDDEE 6,19:1 AA

Aa #0E3EDA auf #FFBDE6 5,03:1 AA

Aa #0E3EDA auf #F473B9 2,94:1 Nicht bestanden

Aa #F473B9 auf #FFDDEE 2,10:1 Nicht bestanden

Aa #F473B9 auf #FFBDE6 1,71:1 Nicht bestanden

Aa #FFBDE6 auf #FFDDEE 1,23:1 Nicht bestanden

Palette „Merchant Marine Blue“ mit 4 Farben