Registrieren Registrieren
Trick Or Treat 8

Trick Or Treat 8

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

Zurück zur Bibliothek

Trick Or Treat 8

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

Bearbeiten
Lebendig 8 Farben Warm Gemischt Komplementär vibrant spooky saturated bright
Likes 57
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFFDDC;
  --c-vibrant-2: #C7A7CE;
  --c-vibrant-3: #8B3EC9;
  --c-vibrant-4: #192662;
  --c-vibrant-5: #167268;
  --c-vibrant-6: #2EBE00;
  --c-vibrant-7: #FFD300;
  --c-vibrant-8: #E4782B;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Spring Heat (#FFFDDC) bis zum dunkelsten Ton Schiava Blue (#192662). Sie vereint Spring Heat, Catmint, Dreamscape Purple, Schiava Blue, Advantageous, Sour Apple Rings, Yellow Tang und Crushed Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFDDC auf #192662 mit 13,6:1.

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

Farben im Detail

Spring Heat #FFFDDC
RGB
rgb(255, 253, 220)
HSL
hsl(57, 100%, 93%)
Luminanz
0,967
Catmint #C7A7CE
RGB
rgb(199, 167, 206)
HSL
hsl(289, 28%, 73%)
Luminanz
0,442
Dreamscape Purple #8B3EC9
RGB
rgb(139, 62, 201)
HSL
hsl(273, 56%, 52%)
Luminanz
0,132
Schiava Blue #192662
RGB
rgb(25, 38, 98)
HSL
hsl(229, 59%, 24%)
Luminanz
0,025
Advantageous #167268
RGB
rgb(22, 114, 104)
HSL
hsl(173, 68%, 27%)
Luminanz
0,132
Sour Apple Rings #2EBE00
RGB
rgb(46, 190, 0)
HSL
hsl(105, 100%, 37%)
Luminanz
0,374
Yellow Tang #FFD300
RGB
rgb(255, 211, 0)
HSL
hsl(50, 100%, 50%)
Luminanz
0,679
Crushed Orange #E4782B
RGB
rgb(228, 120, 43)
HSL
hsl(25, 77%, 53%)
Luminanz
0,301

Kontrast & Barrierefreiheit

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

Aa #FFFDDC auf #192662 13,60:1 AAA
Aa #192662 auf #FFD300 9,75:1 AAA
Aa #C7A7CE auf #192662 6,59:1 AA
Aa #192662 auf #2EBE00 5,67:1 AA
Aa #FFFDDC auf #8B3EC9 5,60:1 AA
Aa #FFFDDC auf #167268 5,59:1 AA
Aa #192662 auf #E4782B 4,70:1 AA
Aa #8B3EC9 auf #FFD300 4,01:1 AA (großer Text)
Aa #167268 auf #FFD300 4,00:1 AA (großer Text)
Aa #FFFDDC auf #E4782B 2,90:1 Nicht bestanden
Aa #C7A7CE auf #8B3EC9 2,71:1 Nicht bestanden
Aa #C7A7CE auf #167268 2,70:1 Nicht bestanden
Aa #192662 auf #167268 2,44:1 Nicht bestanden
Aa #8B3EC9 auf #192662 2,43:1 Nicht bestanden
Aa #FFFDDC auf #2EBE00 2,40:1 Nicht bestanden
Aa #8B3EC9 auf #2EBE00 2,34:1 Nicht bestanden
Aa #167268 auf #2EBE00 2,33:1 Nicht bestanden
Aa #FFD300 auf #E4782B 2,08:1 Nicht bestanden
Aa #FFFDDC auf #C7A7CE 2,07:1 Nicht bestanden
Aa #8B3EC9 auf #E4782B 1,93:1 Nicht bestanden
Aa #167268 auf #E4782B 1,93:1 Nicht bestanden
Aa #2EBE00 auf #FFD300 1,72:1 Nicht bestanden
Aa #C7A7CE auf #FFD300 1,48:1 Nicht bestanden
Aa #FFFDDC auf #FFD300 1,40:1 Nicht bestanden
Aa #C7A7CE auf #E4782B 1,40:1 Nicht bestanden
Aa #2EBE00 auf #E4782B 1,21:1 Nicht bestanden
Aa #C7A7CE auf #2EBE00 1,16:1 Nicht bestanden
Aa #8B3EC9 auf #167268 1,00:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben