Startseite Farbpaletten Palette „Nârenji Orange“ mit 4 Farben

Palette „Nârenji Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Nârenji Orange“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Kühl Dunkel Komplementär

Likes 3.792

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0C2233;
  --c-vibrant-2: #065471;
  --c-vibrant-3: #0A91AB;
  --c-vibrant-4: #FFC045;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Nârenji Orange (#FFC045) bis zum dunkelsten Ton Fog of War (#0C2233). Sie vereint Fog of War, Night Kite, Aquarium Diver und Nârenji Orange 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 #0C2233 auf #FFC045 mit 9,97:1.

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

Farben im Detail

Fog of War #0C2233

RGB: rgb(12, 34, 51)
HSL: hsl(206, 62%, 12%)
Luminanz: 0,015

Night Kite #065471

RGB: rgb(6, 84, 113)
HSL: hsl(196, 90%, 23%)
Luminanz: 0,076

Aquarium Diver #0A91AB

RGB: rgb(10, 145, 171)
HSL: hsl(190, 89%, 35%)
Luminanz: 0,233

Nârenji Orange #FFC045

RGB: rgb(255, 192, 69)
HSL: hsl(40, 100%, 64%)
Luminanz: 0,594

Kontrast & Barrierefreiheit

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

Aa #0C2233 auf #FFC045 9,97:1 AAA

Aa #065471 auf #FFC045 5,12:1 AA

Aa #0C2233 auf #0A91AB 4,37:1 AA (großer Text)

Aa #0A91AB auf #FFC045 2,28:1 Nicht bestanden

Aa #065471 auf #0A91AB 2,25:1 Nicht bestanden

Aa #0C2233 auf #065471 1,95:1 Nicht bestanden

Palette „Nârenji Orange“ mit 4 Farben