Startseite Farbpaletten Rubiks Cube Colors

Rubiks Cube Colors

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Rubiks Cube Colors

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 6 Farben Warm Gemischt Komplementär

Likes 8

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #F6240F;
  --c-vibrant-2: #1DF60F;
  --c-vibrant-3: #270FF6;
  --c-vibrant-4: #F2F60F;
  --c-vibrant-5: #F6890F;
  --c-vibrant-6: #FFFFFF;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Delft Blue (#270FF6). Sie vereint Reign of Tomatoes, Lime Shot, Delft Blue, Lager, À l’Orange und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #270FF6 auf #FFFFFF mit 8,45:1.

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

Farben im Detail

Reign of Tomatoes #F6240F

RGB: rgb(246, 36, 15)
HSL: hsl(5, 93%, 51%)
Luminanz: 0,209

Lime Shot #1DF60F

RGB: rgb(29, 246, 15)
HSL: hsl(116, 93%, 51%)
Luminanz: 0,662

Delft Blue #270FF6

RGB: rgb(39, 15, 246)
HSL: hsl(246, 93%, 51%)
Luminanz: 0,074

Lager #F2F60F

RGB: rgb(242, 246, 15)
HSL: hsl(61, 93%, 51%)
Luminanz: 0,848

À l’Orange #F6890F

RGB: rgb(246, 137, 15)
HSL: hsl(32, 93%, 51%)
Luminanz: 0,375

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #270FF6 auf #FFFFFF 8,45:1 AAA

Aa #270FF6 auf #F2F60F 7,23:1 AAA

Aa #1DF60F auf #270FF6 5,73:1 AA

Aa #F6240F auf #FFFFFF 4,06:1 AA (großer Text)

Aa #F6240F auf #F2F60F 3,47:1 AA (großer Text)

Aa #270FF6 auf #F6890F 3,42:1 AA (großer Text)

Aa #F6240F auf #1DF60F 2,75:1 Nicht bestanden

Aa #F6890F auf #FFFFFF 2,47:1 Nicht bestanden

Aa #F2F60F auf #F6890F 2,11:1 Nicht bestanden

Aa #F6240F auf #270FF6 2,08:1 Nicht bestanden

Aa #1DF60F auf #F6890F 1,67:1 Nicht bestanden

Aa #F6240F auf #F6890F 1,64:1 Nicht bestanden

Aa #1DF60F auf #FFFFFF 1,47:1 Nicht bestanden

Aa #1DF60F auf #F2F60F 1,26:1 Nicht bestanden

Aa #F2F60F auf #FFFFFF 1,17:1 Nicht bestanden

Rubiks Cube Colors