Startseite Farbpaletten Palette „Cyan Blue“ mit 4 Farben

Palette „Cyan Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cyan 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.691

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #074684;
  --c-vibrant-2: #0EA5C6;
  --c-vibrant-3: #A0EDF7;
  --c-vibrant-4: #F2EFB6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sarawak White Pepper (#F2EFB6) bis zum dunkelsten Ton Bridgeport (#074684). Sie vereint Bridgeport, Cyan Blue, Permafrost und Sarawak White Pepper 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 #074684 auf #F2EFB6 mit 8,02:1.

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

Farben im Detail

Bridgeport #074684

RGB: rgb(7, 70, 132)
HSL: hsl(210, 90%, 27%)
Luminanz: 0,061

Cyan Blue #0EA5C6

RGB: rgb(14, 165, 198)
HSL: hsl(191, 87%, 42%)
Luminanz: 0,311

Permafrost #A0EDF7

RGB: rgb(160, 237, 247)
HSL: hsl(187, 84%, 80%)
Luminanz: 0,748

Sarawak White Pepper #F2EFB6

RGB: rgb(242, 239, 182)
HSL: hsl(57, 70%, 83%)
Luminanz: 0,840

Kontrast & Barrierefreiheit

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

Aa #074684 auf #F2EFB6 8,02:1 AAA

Aa #074684 auf #A0EDF7 7,19:1 AAA

Aa #074684 auf #0EA5C6 3,25:1 AA (großer Text)

Aa #0EA5C6 auf #F2EFB6 2,47:1 Nicht bestanden

Aa #0EA5C6 auf #A0EDF7 2,21:1 Nicht bestanden

Aa #A0EDF7 auf #F2EFB6 1,12:1 Nicht bestanden

Palette „Cyan Blue“ mit 4 Farben