Startseite Farbpaletten Palette „Royal Navy Blue“ mit 4 Farben

Palette „Royal Navy Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Royal Navy 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 3.493

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #090089;
  --c-vibrant-2: #0060CA;
  --c-vibrant-3: #91CEFF;
  --c-vibrant-4: #FCDC74;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Golden Coin (#FCDC74) bis zum dunkelsten Ton Midnight in Tokyo (#090089). Sie vereint Midnight in Tokyo, Royal Navy Blue, Clear Sky und Golden Coin 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 #090089 auf #FCDC74 mit 11,38:1.

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

Farben im Detail

Midnight in Tokyo #090089

RGB: rgb(9, 0, 137)
HSL: hsl(244, 100%, 27%)
Luminanz: 0,019

Royal Navy Blue #0060CA

RGB: rgb(0, 96, 202)
HSL: hsl(211, 100%, 40%)
Luminanz: 0,126

Clear Sky #91CEFF

RGB: rgb(145, 206, 255)
HSL: hsl(207, 100%, 78%)
Luminanz: 0,574

Golden Coin #FCDC74

RGB: rgb(252, 220, 116)
HSL: hsl(46, 96%, 72%)
Luminanz: 0,731

Kontrast & Barrierefreiheit

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

Aa #090089 auf #FCDC74 11,38:1 AAA

Aa #090089 auf #91CEFF 9,09:1 AAA

Aa #0060CA auf #FCDC74 4,43:1 AA (großer Text)

Aa #0060CA auf #91CEFF 3,54:1 AA (großer Text)

Aa #090089 auf #0060CA 2,57:1 Nicht bestanden

Aa #91CEFF auf #FCDC74 1,25:1 Nicht bestanden

Palette „Royal Navy Blue“ mit 4 Farben