Startseite Farbpaletten Palette „Frozen Boubble“ mit 4 Farben

Palette „Frozen Boubble“ mit 4 Farben

Palette mit 4 Farben · Kühl · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Frozen Boubble“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Kühl Dunkel Monochrom

Likes 4.485

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #015051;
  --c-vibrant-2: #04837B;
  --c-vibrant-3: #01A7A3;
  --c-vibrant-4: #04F2D5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Frozen Boubble (#04F2D5) bis zum dunkelsten Ton Wool Turquoise (#015051). Sie vereint Wool Turquoise, Blue Winged Teal, Jadestone und Frozen Boubble 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 #015051 auf #04F2D5 mit 6,47:1.

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

Farben im Detail

Wool Turquoise #015051

RGB: rgb(1, 80, 81)
HSL: hsl(181, 98%, 16%)
Luminanz: 0,063

Blue Winged Teal #04837B

RGB: rgb(4, 131, 123)
HSL: hsl(176, 94%, 26%)
Luminanz: 0,177

Jadestone #01A7A3

RGB: rgb(1, 167, 163)
HSL: hsl(179, 99%, 33%)
Luminanz: 0,303

Frozen Boubble #04F2D5

RGB: rgb(4, 242, 213)
HSL: hsl(173, 97%, 48%)
Luminanz: 0,683

Kontrast & Barrierefreiheit

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

Aa #015051 auf #04F2D5 6,47:1 AA

Aa #04837B auf #04F2D5 3,23:1 AA (großer Text)

Aa #015051 auf #01A7A3 3,11:1 AA (großer Text)

Aa #01A7A3 auf #04F2D5 2,08:1 Nicht bestanden

Aa #015051 auf #04837B 2,00:1 Nicht bestanden

Aa #04837B auf #01A7A3 1,56:1 Nicht bestanden

Palette „Frozen Boubble“ mit 4 Farben