Greyt Bit

Palette mit 8 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Greyt Bit

Palette mit 8 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Neutral Hell Komplementär artist samkeddy

Likes 217

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #574368;
  --c-vibrant-2: #8488D3;
  --c-vibrant-3: #CFD3C1;
  --c-vibrant-4: #F8C868;
  --c-vibrant-5: #8DDB34;
  --c-vibrant-6: #69CFEF;
  --c-vibrant-7: #D1B3FF;
  --c-vibrant-8: #FF8E65;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Merry Music (#CFD3C1) bis zum dunkelsten Ton Haunted Candelabra (#574368). Sie vereint Haunted Candelabra, Indigo Bloom, Merry Music, Golden Crest, Poisonous Potion, Heisenberg Blue, Light Violet und Pink Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #574368 auf #CFD3C1 mit 5,71:1.

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

Farben im Detail

Haunted Candelabra #574368

RGB: rgb(87, 67, 104)
HSL: hsl(272, 22%, 34%)
Luminanz: 0,070

Indigo Bloom #8488D3

RGB: rgb(132, 136, 211)
HSL: hsl(237, 47%, 67%)
Luminanz: 0,272

Merry Music #CFD3C1

RGB: rgb(207, 211, 193)
HSL: hsl(73, 17%, 79%)
Luminanz: 0,637

Golden Crest #F8C868

RGB: rgb(248, 200, 104)
HSL: hsl(40, 91%, 69%)
Luminanz: 0,623

Poisonous Potion #8DDB34

RGB: rgb(141, 219, 52)
HSL: hsl(88, 70%, 53%)
Luminanz: 0,566

Heisenberg Blue #69CFEF

RGB: rgb(105, 207, 239)
HSL: hsl(194, 81%, 67%)
Luminanz: 0,539

Light Violet #D1B3FF

RGB: rgb(209, 179, 255)
HSL: hsl(264, 100%, 85%)
Luminanz: 0,530

Pink Orange #FF8E65

RGB: rgb(255, 142, 101)
HSL: hsl(16, 100%, 70%)
Luminanz: 0,416

Kontrast & Barrierefreiheit

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

Aa #574368 auf #CFD3C1 5,71:1 AA

Aa #574368 auf #F8C868 5,59:1 AA

Aa #574368 auf #8DDB34 5,11:1 AA

Aa #574368 auf #69CFEF 4,89:1 AA

Aa #574368 auf #D1B3FF 4,82:1 AA

Aa #574368 auf #FF8E65 3,87:1 AA (großer Text)

Aa #574368 auf #8488D3 2,68:1 Nicht bestanden

Aa #8488D3 auf #CFD3C1 2,13:1 Nicht bestanden

Aa #8488D3 auf #F8C868 2,09:1 Nicht bestanden

Aa #8488D3 auf #8DDB34 1,91:1 Nicht bestanden

Aa #8488D3 auf #69CFEF 1,83:1 Nicht bestanden

Aa #8488D3 auf #D1B3FF 1,80:1 Nicht bestanden

Aa #CFD3C1 auf #FF8E65 1,48:1 Nicht bestanden

Aa #F8C868 auf #FF8E65 1,45:1 Nicht bestanden

Aa #8488D3 auf #FF8E65 1,44:1 Nicht bestanden

Aa #8DDB34 auf #FF8E65 1,32:1 Nicht bestanden

Aa #69CFEF auf #FF8E65 1,26:1 Nicht bestanden

Aa #D1B3FF auf #FF8E65 1,25:1 Nicht bestanden

Aa #CFD3C1 auf #D1B3FF 1,18:1 Nicht bestanden

Aa #CFD3C1 auf #69CFEF 1,17:1 Nicht bestanden

Aa #F8C868 auf #D1B3FF 1,16:1 Nicht bestanden

Aa #F8C868 auf #69CFEF 1,14:1 Nicht bestanden

Aa #CFD3C1 auf #8DDB34 1,12:1 Nicht bestanden

Aa #F8C868 auf #8DDB34 1,09:1 Nicht bestanden

Aa #8DDB34 auf #D1B3FF 1,06:1 Nicht bestanden

Aa #8DDB34 auf #69CFEF 1,05:1 Nicht bestanden

Aa #CFD3C1 auf #F8C868 1,02:1 Nicht bestanden

Aa #69CFEF auf #D1B3FF 1,01:1 Nicht bestanden

Greyt Bit

Greyt Bit

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen