Startseite Farbpaletten Palette „Cerulean“ mit 4 Farben

Palette „Cerulean“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Cerulean“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 3.709

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F3F6F6;
  --c-vibrant-2: #90EEE1;
  --c-vibrant-3: #55B3F3;
  --c-vibrant-4: #6356E5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F3F6F6) bis zum dunkelsten Ton Majorelle Blue (#6356E5). Sie vereint Gram’s Hair, Turquoise Pearl, Cerulean und Majorelle Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3F6F6 auf #6356E5 mit 4,84:1.

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

Farben im Detail

Gram’s Hair #F3F6F6

RGB: rgb(243, 246, 246)
HSL: hsl(180, 14%, 96%)
Luminanz: 0,916

Turquoise Pearl #90EEE1

RGB: rgb(144, 238, 225)
HSL: hsl(172, 73%, 75%)
Luminanz: 0,725

Cerulean #55B3F3

RGB: rgb(85, 179, 243)
HSL: hsl(204, 87%, 64%)
Luminanz: 0,406

Majorelle Blue #6356E5

RGB: rgb(99, 86, 229)
HSL: hsl(245, 73%, 62%)
Luminanz: 0,150

Kontrast & Barrierefreiheit

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

Aa #F3F6F6 auf #6356E5 4,84:1 AA

Aa #90EEE1 auf #6356E5 3,88:1 AA (großer Text)

Aa #55B3F3 auf #6356E5 2,29:1 Nicht bestanden

Aa #F3F6F6 auf #55B3F3 2,12:1 Nicht bestanden

Aa #90EEE1 auf #55B3F3 1,70:1 Nicht bestanden

Aa #F3F6F6 auf #90EEE1 1,25:1 Nicht bestanden

Palette „Cerulean“ mit 4 Farben