Palette „Milan“ mit 4 Farben

Palette „Milan“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Palette „Milan“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Lebendig 4 Farben Kühl Gemischt Komplementär
Likes 3.116
Farben 4


CSS-Variablen

:root {
  --c-vibrant-1: #0A1D56;
  --c-vibrant-2: #492E87;
  --c-vibrant-3: #37B5B6;
  --c-vibrant-4: #F2F597;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Milan (#F2F597) bis zum dunkelsten Ton Downriver (#0A1D56). Sie vereint Downriver, Sick Blue, Lake Tahoe Turquoise und Milan in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0A1D56 auf #F2F597 mit 13,82:1.

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


Farben im Detail

Downriver #0A1D56
RGB
rgb(10, 29, 86)
HSL
hsl(225, 79%, 19%)
Luminanz
0,016
Sick Blue #492E87
RGB
rgb(73, 46, 135)
HSL
hsl(258, 49%, 35%)
Luminanz
0,051
Lake Tahoe Turquoise #37B5B6
RGB
rgb(55, 181, 182)
HSL
hsl(180, 54%, 46%)
Luminanz
0,372
Milan #F2F597
RGB
rgb(242, 245, 151)
HSL
hsl(62, 82%, 78%)
Luminanz
0,864

Kontrast & Barrierefreiheit

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

Aa #0A1D56 auf #F2F597 13,82:1 AAA
Aa #492E87 auf #F2F597 9,03:1 AAA
Aa #0A1D56 auf #37B5B6 6,38:1 AA
Aa #492E87 auf #37B5B6 4,17:1 AA (großer Text)
Aa #37B5B6 auf #F2F597 2,16:1 Nicht bestanden
Aa #0A1D56 auf #492E87 1,53:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben