Startseite Farbpaletten Palette „Breaking the Ice“ mit 4 Farben

Palette „Breaking the Ice“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Breaking the Ice“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 2.389

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #6F4F8B;
  --c-muted-2: #6D739D;
  --c-muted-3: #7DBCC8;
  --c-muted-4: #B9EAF5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Breaking the Ice (#B9EAF5) bis zum dunkelsten Ton Magenta Violet (#6F4F8B). Sie vereint Magenta Violet, Hyacinth Mauve, Azure Lake und Breaking the Ice 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 #6F4F8B auf #B9EAF5 mit 5,1:1.

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

Farben im Detail

Magenta Violet #6F4F8B

RGB: rgb(111, 79, 139)
HSL: hsl(272, 28%, 43%)
Luminanz: 0,108

Hyacinth Mauve #6D739D

RGB: rgb(109, 115, 157)
HSL: hsl(233, 20%, 52%)
Luminanz: 0,180

Azure Lake #7DBCC8

RGB: rgb(125, 188, 200)
HSL: hsl(190, 41%, 64%)
Luminanz: 0,445

Breaking the Ice #B9EAF5

RGB: rgb(185, 234, 245)
HSL: hsl(191, 75%, 84%)
Luminanz: 0,758

Kontrast & Barrierefreiheit

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

Aa #6F4F8B auf #B9EAF5 5,10:1 AA

Aa #6D739D auf #B9EAF5 3,52:1 AA (großer Text)

Aa #6F4F8B auf #7DBCC8 3,13:1 AA (großer Text)

Aa #6D739D auf #7DBCC8 2,16:1 Nicht bestanden

Aa #7DBCC8 auf #B9EAF5 1,63:1 Nicht bestanden

Aa #6F4F8B auf #6D739D 1,45:1 Nicht bestanden

Palette „Breaking the Ice“ mit 4 Farben