Registrieren Registrieren
Ice Cream Shoppe

Ice Cream Shoppe

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

Zurück zur Bibliothek

Ice Cream Shoppe

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

Bearbeiten
Lebendig 7 Farben Warm Gemischt Komplementär green pink blue teal
Likes 148
Farben 7

CSS-Variablen

:root {
  --c-vibrant-1: #0D2357;
  --c-vibrant-2: #007080;
  --c-vibrant-3: #00D6BA;
  --c-vibrant-4: #FFFAD6;
  --c-vibrant-5: #FDAAC6;
  --c-vibrant-6: #FF569C;
  --c-vibrant-7: #AD0B42;
}

Über diese Palette

Diese lebendige Palette mit 7 Farben reicht vom hellsten Ton Country Summer (#FFFAD6) bis zum dunkelsten Ton Fibonacci Blue (#0D2357). Sie vereint Fibonacci Blue, Caribbean Dream, Channel Marker Green, Country Summer, Heartfelt, Fuchsia Fever und Bloody Periphylla in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D2357 auf #FFFAD6 mit 14,26:1.

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

Farben im Detail

Fibonacci Blue #0D2357
RGB
rgb(13, 35, 87)
HSL
hsl(222, 74%, 20%)
Luminanz
0,020
Caribbean Dream #007080
RGB
rgb(0, 112, 128)
HSL
hsl(188, 100%, 25%)
Luminanz
0,132
Channel Marker Green #00D6BA
RGB
rgb(0, 214, 186)
HSL
hsl(172, 100%, 42%)
Luminanz
0,516
Country Summer #FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
Luminanz
0,945
Heartfelt #FDAAC6
RGB
rgb(253, 170, 198)
HSL
hsl(340, 95%, 83%)
Luminanz
0,537
Fuchsia Fever #FF569C
RGB
rgb(255, 86, 156)
HSL
hsl(335, 100%, 67%)
Luminanz
0,303
Bloody Periphylla #AD0B42
RGB
rgb(173, 11, 66)
HSL
hsl(340, 88%, 36%)
Luminanz
0,095

Kontrast & Barrierefreiheit

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

Aa #0D2357 auf #FFFAD6 14,26:1 AAA
Aa #0D2357 auf #FDAAC6 8,42:1 AAA
Aa #0D2357 auf #00D6BA 8,12:1 AAA
Aa #FFFAD6 auf #AD0B42 6,85:1 AA
Aa #007080 auf #FFFAD6 5,48:1 AA
Aa #0D2357 auf #FF569C 5,06:1 AA
Aa #FDAAC6 auf #AD0B42 4,04:1 AA (großer Text)
Aa #00D6BA auf #AD0B42 3,90:1 AA (großer Text)
Aa #007080 auf #FDAAC6 3,24:1 AA (großer Text)
Aa #007080 auf #00D6BA 3,12:1 AA (großer Text)
Aa #FFFAD6 auf #FF569C 2,82:1 Nicht bestanden
Aa #0D2357 auf #007080 2,60:1 Nicht bestanden
Aa #FF569C auf #AD0B42 2,43:1 Nicht bestanden
Aa #0D2357 auf #AD0B42 2,08:1 Nicht bestanden
Aa #007080 auf #FF569C 1,95:1 Nicht bestanden
Aa #00D6BA auf #FFFAD6 1,76:1 Nicht bestanden
Aa #FFFAD6 auf #FDAAC6 1,69:1 Nicht bestanden
Aa #FDAAC6 auf #FF569C 1,66:1 Nicht bestanden
Aa #00D6BA auf #FF569C 1,60:1 Nicht bestanden
Aa #007080 auf #AD0B42 1,25:1 Nicht bestanden
Aa #00D6BA auf #FDAAC6 1,04: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