Registrieren Registrieren
Summer Night 7

Summer Night 7

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

Zurück zur Bibliothek

Summer Night 7

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

Bearbeiten
Lebendig 7 Farben Warm Gemischt Komplementär
Likes 36
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #00083D;
  --c-vibrant-2: #680067;
  --c-vibrant-3: #930440;
  --c-vibrant-4: #BE0707;
  --c-vibrant-5: #E16710;
  --c-vibrant-6: #FFB821;
  --c-vibrant-7: #FFF394;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Goldilocks (#FFF394) bis zum dunkelsten Ton Stratos (#00083D). Sie vereint Stratos, Purple Dreamer, Rose Garnet, Threatening Red, Tiger Moth Orange, Beloved Sunflower und Goldilocks in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #00083D auf #FFF394 mit 16,79:1.

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

Farben im Detail

Stratos #00083D
RGB
rgb(0, 8, 61)
HSL
hsl(232, 100%, 12%)
Luminanz
0,005
Purple Dreamer #680067
RGB
rgb(104, 0, 103)
HSL
hsl(301, 100%, 20%)
Luminanz
0,039
Rose Garnet #930440
RGB
rgb(147, 4, 64)
HSL
hsl(335, 95%, 30%)
Luminanz
0,067
Threatening Red #BE0707
RGB
rgb(190, 7, 7)
HSL
hsl(0, 93%, 39%)
Luminanz
0,111
Tiger Moth Orange #E16710
RGB
rgb(225, 103, 16)
HSL
hsl(25, 87%, 47%)
Luminanz
0,258
Beloved Sunflower #FFB821
RGB
rgb(255, 184, 33)
HSL
hsl(41, 100%, 56%)
Luminanz
0,557
Goldilocks #FFF394
RGB
rgb(255, 243, 148)
HSL
hsl(53, 100%, 79%)
Luminanz
0,875

Kontrast & Barrierefreiheit

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

Aa #00083D auf #FFF394 16,79:1 AAA
Aa #00083D auf #FFB821 11,01:1 AAA
Aa #680067 auf #FFF394 10,37:1 AAA
Aa #930440 auf #FFF394 7,93:1 AAA
Aa #680067 auf #FFB821 6,80:1 AA
Aa #BE0707 auf #FFF394 5,74:1 AA
Aa #00083D auf #E16710 5,58:1 AA
Aa #930440 auf #FFB821 5,20:1 AA
Aa #BE0707 auf #FFB821 3,76:1 AA (großer Text)
Aa #680067 auf #E16710 3,45:1 AA (großer Text)
Aa #E16710 auf #FFF394 3,01:1 AA (großer Text)
Aa #00083D auf #BE0707 2,92:1 Nicht bestanden
Aa #930440 auf #E16710 2,64:1 Nicht bestanden
Aa #00083D auf #930440 2,12:1 Nicht bestanden
Aa #E16710 auf #FFB821 1,97:1 Nicht bestanden
Aa #BE0707 auf #E16710 1,91:1 Nicht bestanden
Aa #680067 auf #BE0707 1,81:1 Nicht bestanden
Aa #00083D auf #680067 1,62:1 Nicht bestanden
Aa #FFB821 auf #FFF394 1,53:1 Nicht bestanden
Aa #930440 auf #BE0707 1,38:1 Nicht bestanden
Aa #680067 auf #930440 1,31: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