Registrieren Registrieren
Cobalt Desert 7

Cobalt Desert 7

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

Zurück zur Bibliothek

Cobalt Desert 7

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

Bearbeiten
Lebendig 7 Farben Warm Gemischt Komplementär orange red warm blue
Likes 112
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #0C061B;
  --c-vibrant-2: #17225C;
  --c-vibrant-3: #3A2C75;
  --c-vibrant-4: #93238B;
  --c-vibrant-5: #CA1750;
  --c-vibrant-6: #F94D15;
  --c-vibrant-7: #FE981E;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Dragon Ball (#FE981E) bis zum dunkelsten Ton Midnight Jam (#0C061B). Sie vereint Midnight Jam, Fibonacci Blue, Clear Purple, Acai Juice, California Sunset, Orioles Orange und Dragon Ball in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0C061B auf #FE981E mit 9,2:1.

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

Farben im Detail

Midnight Jam #0C061B
RGB
rgb(12, 6, 27)
HSL
hsl(257, 64%, 6%)
Luminanz
0,003
Fibonacci Blue #17225C
RGB
rgb(23, 34, 92)
HSL
hsl(230, 60%, 23%)
Luminanz
0,021
Clear Purple #3A2C75
RGB
rgb(58, 44, 117)
HSL
hsl(252, 45%, 32%)
Luminanz
0,040
Acai Juice #93238B
RGB
rgb(147, 35, 139)
HSL
hsl(304, 62%, 36%)
Luminanz
0,093
California Sunset #CA1750
RGB
rgb(202, 23, 80)
HSL
hsl(341, 80%, 44%)
Luminanz
0,138
Orioles Orange #F94D15
RGB
rgb(249, 77, 21)
HSL
hsl(15, 95%, 53%)
Luminanz
0,255
Dragon Ball #FE981E
RGB
rgb(254, 152, 30)
HSL
hsl(33, 99%, 56%)
Luminanz
0,436

Kontrast & Barrierefreiheit

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

Aa #0C061B auf #FE981E 9,20:1 AAA
Aa #17225C auf #FE981E 6,85:1 AA
Aa #0C061B auf #F94D15 5,77:1 AA
Aa #3A2C75 auf #FE981E 5,41:1 AA
Aa #17225C auf #F94D15 4,30:1 AA (großer Text)
Aa #0C061B auf #CA1750 3,55:1 AA (großer Text)
Aa #93238B auf #FE981E 3,41:1 AA (großer Text)
Aa #3A2C75 auf #F94D15 3,39:1 AA (großer Text)
Aa #0C061B auf #93238B 2,70:1 Nicht bestanden
Aa #17225C auf #CA1750 2,64:1 Nicht bestanden
Aa #CA1750 auf #FE981E 2,59:1 Nicht bestanden
Aa #93238B auf #F94D15 2,14:1 Nicht bestanden
Aa #3A2C75 auf #CA1750 2,09:1 Nicht bestanden
Aa #17225C auf #93238B 2,01:1 Nicht bestanden
Aa #0C061B auf #3A2C75 1,70:1 Nicht bestanden
Aa #CA1750 auf #F94D15 1,63:1 Nicht bestanden
Aa #3A2C75 auf #93238B 1,59:1 Nicht bestanden
Aa #F94D15 auf #FE981E 1,59:1 Nicht bestanden
Aa #0C061B auf #17225C 1,34:1 Nicht bestanden
Aa #93238B auf #CA1750 1,31:1 Nicht bestanden
Aa #17225C auf #3A2C75 1,27: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