Registrieren Registrieren
SATURATED GOLD 8

SATURATED GOLD 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

SATURATED GOLD 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten
Lebendig 8 Farben Warm Gemischt Analog gold saturated
Likes 28
Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #4A0707;
  --c-vibrant-3: #6B2A15;
  --c-vibrant-4: #8D5129;
  --c-vibrant-5: #AE752C;
  --c-vibrant-6: #D7A628;
  --c-vibrant-7: #E4CF34;
  --c-vibrant-8: #F8F5A9;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Shalimar (#F8F5A9) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Bulgarian Rose, Moussaka, Plane Brown, Hamtaro Brown, Fine Gold, Mustard on Toast und Shalimar in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #F8F5A9 mit 18,63:1.

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

Farben im Detail

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Bulgarian Rose #4A0707
RGB
rgb(74, 7, 7)
HSL
hsl(0, 83%, 16%)
Luminanz
0,016
Moussaka #6B2A15
RGB
rgb(107, 42, 21)
HSL
hsl(15, 67%, 25%)
Luminanz
0,048
Plane Brown #8D5129
RGB
rgb(141, 81, 41)
HSL
hsl(24, 55%, 36%)
Luminanz
0,117
Hamtaro Brown #AE752C
RGB
rgb(174, 117, 44)
HSL
hsl(34, 60%, 43%)
Luminanz
0,219
Fine Gold #D7A628
RGB
rgb(215, 166, 40)
HSL
hsl(43, 69%, 50%)
Luminanz
0,419
Mustard on Toast #E4CF34
RGB
rgb(228, 207, 52)
HSL
hsl(53, 77%, 55%)
Luminanz
0,614
Shalimar #F8F5A9
RGB
rgb(248, 245, 169)
HSL
hsl(58, 85%, 82%)
Luminanz
0,881

Kontrast & Barrierefreiheit

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

Aa #000000 auf #F8F5A9 18,63:1 AAA
Aa #4A0707 auf #F8F5A9 14,06:1 AAA
Aa #000000 auf #E4CF34 13,27:1 AAA
Aa #4A0707 auf #E4CF34 10,02:1 AAA
Aa #6B2A15 auf #F8F5A9 9,47:1 AAA
Aa #000000 auf #D7A628 9,37:1 AAA
Aa #4A0707 auf #D7A628 7,08:1 AAA
Aa #6B2A15 auf #E4CF34 6,75:1 AA
Aa #8D5129 auf #F8F5A9 5,57:1 AA
Aa #000000 auf #AE752C 5,38:1 AA
Aa #6B2A15 auf #D7A628 4,77:1 AA
Aa #4A0707 auf #AE752C 4,06:1 AA (großer Text)
Aa #8D5129 auf #E4CF34 3,97:1 AA (großer Text)
Aa #AE752C auf #F8F5A9 3,46:1 AA (großer Text)
Aa #000000 auf #8D5129 3,34:1 AA (großer Text)
Aa #8D5129 auf #D7A628 2,81:1 Nicht bestanden
Aa #6B2A15 auf #AE752C 2,74:1 Nicht bestanden
Aa #4A0707 auf #8D5129 2,52:1 Nicht bestanden
Aa #AE752C auf #E4CF34 2,47:1 Nicht bestanden
Aa #D7A628 auf #F8F5A9 1,99:1 Nicht bestanden
Aa #000000 auf #6B2A15 1,97:1 Nicht bestanden
Aa #AE752C auf #D7A628 1,74:1 Nicht bestanden
Aa #6B2A15 auf #8D5129 1,70:1 Nicht bestanden
Aa #8D5129 auf #AE752C 1,61:1 Nicht bestanden
Aa #4A0707 auf #6B2A15 1,49:1 Nicht bestanden
Aa #D7A628 auf #E4CF34 1,42:1 Nicht bestanden
Aa #E4CF34 auf #F8F5A9 1,40:1 Nicht bestanden
Aa #000000 auf #4A0707 1,32: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