Startseite Farbpaletten Palette „Royal Blue Tang“ mit 4 Farben

Palette „Royal Blue Tang“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Royal Blue Tang“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Komplementär

Likes 2.676

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #09009B;
  --c-vibrant-2: #0F00FF;
  --c-vibrant-3: #D98C00;
  --c-vibrant-4: #FFA400;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yamabuki Gold (#FFA400) bis zum dunkelsten Ton Duke Blue (#09009B). Sie vereint Duke Blue, Royal Blue Tang, Harvest Eve Gold und Yamabuki Gold 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 #09009B auf #FFA400 mit 7,11:1.

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

Farben im Detail

Duke Blue #09009B

RGB: rgb(9, 0, 155)
HSL: hsl(243, 100%, 30%)
Luminanz: 0,024

Royal Blue Tang #0F00FF

RGB: rgb(15, 0, 255)
HSL: hsl(244, 100%, 50%)
Luminanz: 0,073

Harvest Eve Gold #D98C00

RGB: rgb(217, 140, 0)
HSL: hsl(39, 100%, 43%)
Luminanz: 0,335

Yamabuki Gold #FFA400

RGB: rgb(255, 164, 0)
HSL: hsl(39, 100%, 50%)
Luminanz: 0,478

Kontrast & Barrierefreiheit

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

Aa #09009B auf #FFA400 7,11:1 AAA

Aa #09009B auf #D98C00 5,19:1 AA

Aa #0F00FF auf #FFA400 4,29:1 AA (großer Text)

Aa #0F00FF auf #D98C00 3,13:1 AA (großer Text)

Aa #09009B auf #0F00FF 1,66:1 Nicht bestanden

Aa #D98C00 auf #FFA400 1,37:1 Nicht bestanden

Palette „Royal Blue Tang“ mit 4 Farben