Startseite Farbpaletten Palette „Spice Pink“ mit 4 Farben

Palette „Spice Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Spice Pink“ 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 3.178

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0D7E83;
  --c-vibrant-2: #13293D;
  --c-vibrant-3: #FFAF87;
  --c-vibrant-4: #EEF0F2;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Snowflake (#EEF0F2) bis zum dunkelsten Ton Oceanic Noir (#13293D). Sie vereint Caribe, Oceanic Noir, Spice Pink und Snowflake 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 #13293D auf #EEF0F2 mit 13,02:1.

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

Farben im Detail

Caribe #0D7E83

RGB: rgb(13, 126, 131)
HSL: hsl(183, 82%, 28%)
Luminanz: 0,167

Oceanic Noir #13293D

RGB: rgb(19, 41, 61)
HSL: hsl(209, 53%, 16%)
Luminanz: 0,021

Spice Pink #FFAF87

RGB: rgb(255, 175, 135)
HSL: hsl(20, 100%, 76%)
Luminanz: 0,537

Snowflake #EEF0F2

RGB: rgb(238, 240, 242)
HSL: hsl(210, 13%, 94%)
Luminanz: 0,869

Kontrast & Barrierefreiheit

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

Aa #13293D auf #EEF0F2 13,02:1 AAA

Aa #13293D auf #FFAF87 8,31:1 AAA

Aa #0D7E83 auf #EEF0F2 4,25:1 AA (großer Text)

Aa #0D7E83 auf #13293D 3,07:1 AA (großer Text)

Aa #0D7E83 auf #FFAF87 2,71:1 Nicht bestanden

Aa #FFAF87 auf #EEF0F2 1,57:1 Nicht bestanden

Palette „Spice Pink“ mit 4 Farben