Startseite Farbpaletten OneBit Adventure Adrenaline

OneBit Adventure Adrenaline

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

Zurück zur Bibliothek

OneBit Adventure Adrenaline

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär software

Likes 21

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #171622;
  --c-vibrant-2: #74275D;
  --c-vibrant-3: #B12F5D;
  --c-vibrant-4: #FD646C;
  --c-vibrant-5: #FD9264;
  --c-vibrant-6: #FFB5B4;
  --c-vibrant-7: #648EFD;
  --c-vibrant-8: #83FD64;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Poisonous Dart (#83FD64) bis zum dunkelsten Ton River Styx (#171622). Sie vereint River Styx, Forest Fruit Red, Blood Thorn, Grenadine Pink, Pink Orange, Young Salmon, Deep Denim und Poisonous Dart in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #171622 auf #83FD64 mit 13,79:1.

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

Farben im Detail

River Styx #171622

RGB: rgb(23, 22, 34)
HSL: hsl(245, 21%, 11%)
Luminanz: 0,009

Forest Fruit Red #74275D

RGB: rgb(116, 39, 93)
HSL: hsl(318, 50%, 30%)
Luminanz: 0,060

Blood Thorn #B12F5D

RGB: rgb(177, 47, 93)
HSL: hsl(339, 58%, 44%)
Luminanz: 0,122

Grenadine Pink #FD646C

RGB: rgb(253, 100, 108)
HSL: hsl(357, 97%, 69%)
Luminanz: 0,311

Pink Orange #FD9264

RGB: rgb(253, 146, 100)
HSL: hsl(18, 97%, 69%)
Luminanz: 0,424

Young Salmon #FFB5B4

RGB: rgb(255, 181, 180)
HSL: hsl(1, 100%, 85%)
Luminanz: 0,576

Deep Denim #648EFD

RGB: rgb(100, 142, 253)
HSL: hsl(224, 97%, 69%)
Luminanz: 0,292

Poisonous Dart #83FD64

RGB: rgb(131, 253, 100)
HSL: hsl(108, 97%, 69%)
Luminanz: 0,760

Kontrast & Barrierefreiheit

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

Aa #171622 auf #83FD64 13,79:1 AAA

Aa #171622 auf #FFB5B4 10,66:1 AAA

Aa #171622 auf #FD9264 8,07:1 AAA

Aa #74275D auf #83FD64 7,39:1 AAA

Aa #171622 auf #FD646C 6,14:1 AA

Aa #171622 auf #648EFD 5,82:1 AA

Aa #74275D auf #FFB5B4 5,71:1 AA

Aa #B12F5D auf #83FD64 4,72:1 AA

Aa #74275D auf #FD9264 4,32:1 AA (großer Text)

Aa #B12F5D auf #FFB5B4 3,65:1 AA (großer Text)

Aa #74275D auf #FD646C 3,29:1 AA (großer Text)

Aa #74275D auf #648EFD 3,12:1 AA (großer Text)

Aa #171622 auf #B12F5D 2,92:1 Nicht bestanden

Aa #B12F5D auf #FD9264 2,76:1 Nicht bestanden

Aa #648EFD auf #83FD64 2,37:1 Nicht bestanden

Aa #FD646C auf #83FD64 2,24:1 Nicht bestanden

Aa #B12F5D auf #FD646C 2,10:1 Nicht bestanden

Aa #B12F5D auf #648EFD 1,99:1 Nicht bestanden

Aa #171622 auf #74275D 1,87:1 Nicht bestanden

Aa #FFB5B4 auf #648EFD 1,83:1 Nicht bestanden

Aa #FD646C auf #FFB5B4 1,74:1 Nicht bestanden

Aa #FD9264 auf #83FD64 1,71:1 Nicht bestanden

Aa #74275D auf #B12F5D 1,57:1 Nicht bestanden

Aa #FD9264 auf #648EFD 1,39:1 Nicht bestanden

Aa #FD9264 auf #FFB5B4 1,32:1 Nicht bestanden

Aa #FD646C auf #FD9264 1,31:1 Nicht bestanden

Aa #FFB5B4 auf #83FD64 1,29:1 Nicht bestanden

Aa #FD646C auf #648EFD 1,06:1 Nicht bestanden

OneBit Adventure Adrenaline