Startseite Farbpaletten Palette „Blue Ranger“ mit 4 Farben

Palette „Blue Ranger“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Blue Ranger“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Triadisch

Likes 4.290

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #001B79;
  --c-vibrant-2: #1640D6;
  --c-vibrant-3: #ED5AB3;
  --c-vibrant-4: #FF90C2;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cochonnet (#FF90C2) bis zum dunkelsten Ton Blue Ranger (#001B79). Sie vereint Blue Ranger, Third Eye Chakra, Crumbly Lipstick und Cochonnet 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 #001B79 auf #FF90C2 mit 6,99:1.

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

Farben im Detail

Blue Ranger #001B79

RGB: rgb(0, 27, 121)
HSL: hsl(227, 100%, 24%)
Luminanz: 0,022

Third Eye Chakra #1640D6

RGB: rgb(22, 64, 214)
HSL: hsl(227, 81%, 46%)
Luminanz: 0,087

Crumbly Lipstick #ED5AB3

RGB: rgb(237, 90, 179)
HSL: hsl(324, 80%, 64%)
Luminanz: 0,286

Cochonnet #FF90C2

RGB: rgb(255, 144, 194)
HSL: hsl(333, 100%, 78%)
Luminanz: 0,451

Kontrast & Barrierefreiheit

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

Aa #001B79 auf #FF90C2 6,99:1 AA

Aa #001B79 auf #ED5AB3 4,69:1 AA

Aa #1640D6 auf #FF90C2 3,66:1 AA (großer Text)

Aa #1640D6 auf #ED5AB3 2,45:1 Nicht bestanden

Aa #001B79 auf #1640D6 1,91:1 Nicht bestanden

Aa #ED5AB3 auf #FF90C2 1,49:1 Nicht bestanden

Palette „Blue Ranger“ mit 4 Farben