Registrieren Registrieren
Buenos Aires

Buenos Aires

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

Zurück zur Bibliothek

Buenos Aires

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

Bearbeiten
Lebendig 11 Farben Kühl Gemischt Komplementär pixelart orange vibrant blue
Likes 40
Farben 11

CSS-Variablen

:root {
  --c-vibrant-1: #2F3041;
  --c-vibrant-2: #7A4EC1;
  --c-vibrant-3: #A19FFB;
  --c-vibrant-4: #68A5D9;
  --c-vibrant-5: #40D8B3;
  --c-vibrant-6: #EAD641;
  --c-vibrant-7: #F4A82B;
  --c-vibrant-8: #E97A2B;
  --c-vibrant-9: #D75C9E;
  --c-vibrant-10: #FD7A9A;
  --c-vibrant-11: #DEF0FF;
}

Über diese Palette

Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Wizard White (#DEF0FF) bis zum dunkelsten Ton Black Iris (#2F3041). Sie vereint Black Iris, Fuchsia Blue, Cobalite, Baja Blue, Bianchi Green, Sandstorm, Carona, Chaat Masala, Sugar Rush, Aggressive Salmon und Wizard White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F3041 auf #DEF0FF mit 11,12:1.

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

Farben im Detail

Black Iris #2F3041
RGB
rgb(47, 48, 65)
HSL
hsl(237, 16%, 22%)
Luminanz
0,031
Fuchsia Blue #7A4EC1
RGB
rgb(122, 78, 193)
HSL
hsl(263, 48%, 53%)
Luminanz
0,134
Cobalite #A19FFB
RGB
rgb(161, 159, 251)
HSL
hsl(241, 92%, 80%)
Luminanz
0,393
Baja Blue #68A5D9
RGB
rgb(104, 165, 217)
HSL
hsl(208, 60%, 63%)
Luminanz
0,349
Bianchi Green #40D8B3
RGB
rgb(64, 216, 179)
HSL
hsl(165, 66%, 55%)
Luminanz
0,535
Sandstorm #EAD641
RGB
rgb(234, 214, 65)
HSL
hsl(53, 80%, 59%)
Luminanz
0,660
Carona #F4A82B
RGB
rgb(244, 168, 43)
HSL
hsl(37, 90%, 56%)
Luminanz
0,474
Chaat Masala #E97A2B
RGB
rgb(233, 122, 43)
HSL
hsl(25, 81%, 54%)
Luminanz
0,314
Sugar Rush #D75C9E
RGB
rgb(215, 92, 158)
HSL
hsl(328, 61%, 60%)
Luminanz
0,246
Aggressive Salmon #FD7A9A
RGB
rgb(253, 122, 154)
HSL
hsl(345, 97%, 74%)
Luminanz
0,371
Wizard White #DEF0FF
RGB
rgb(222, 240, 255)
HSL
hsl(207, 100%, 94%)
Luminanz
0,851

Kontrast & Barrierefreiheit

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

Aa #2F3041 auf #DEF0FF 11,12:1 AAA
Aa #2F3041 auf #EAD641 8,76:1 AAA
Aa #2F3041 auf #40D8B3 7,22:1 AAA
Aa #2F3041 auf #F4A82B 6,47:1 AA
Aa #2F3041 auf #A19FFB 5,47:1 AA
Aa #2F3041 auf #FD7A9A 5,20:1 AA
Aa #2F3041 auf #68A5D9 4,92:1 AA
Aa #7A4EC1 auf #DEF0FF 4,89:1 AA
Aa #2F3041 auf #E97A2B 4,50:1 AA
Aa #7A4EC1 auf #EAD641 3,85:1 AA (großer Text)
Aa #2F3041 auf #D75C9E 3,65:1 AA (großer Text)
Aa #7A4EC1 auf #40D8B3 3,17:1 AA (großer Text)
Aa #D75C9E auf #DEF0FF 3,05:1 AA (großer Text)
Aa #7A4EC1 auf #F4A82B 2,84:1 Nicht bestanden
Aa #E97A2B auf #DEF0FF 2,47:1 Nicht bestanden
Aa #7A4EC1 auf #A19FFB 2,40:1 Nicht bestanden
Aa #EAD641 auf #D75C9E 2,40:1 Nicht bestanden
Aa #7A4EC1 auf #FD7A9A 2,29:1 Nicht bestanden
Aa #2F3041 auf #7A4EC1 2,28:1 Nicht bestanden
Aa #68A5D9 auf #DEF0FF 2,26:1 Nicht bestanden
Aa #7A4EC1 auf #68A5D9 2,16:1 Nicht bestanden
Aa #FD7A9A auf #DEF0FF 2,14:1 Nicht bestanden
Aa #A19FFB auf #DEF0FF 2,03:1 Nicht bestanden
Aa #7A4EC1 auf #E97A2B 1,98:1 Nicht bestanden
Aa #40D8B3 auf #D75C9E 1,98:1 Nicht bestanden
Aa #EAD641 auf #E97A2B 1,95:1 Nicht bestanden
Aa #68A5D9 auf #EAD641 1,78:1 Nicht bestanden
Aa #F4A82B auf #D75C9E 1,77:1 Nicht bestanden
Aa #F4A82B auf #DEF0FF 1,72:1 Nicht bestanden
Aa #EAD641 auf #FD7A9A 1,68:1 Nicht bestanden
Aa #40D8B3 auf #E97A2B 1,61:1 Nicht bestanden
Aa #7A4EC1 auf #D75C9E 1,60:1 Nicht bestanden
Aa #A19FFB auf #EAD641 1,60:1 Nicht bestanden
Aa #40D8B3 auf #DEF0FF 1,54:1 Nicht bestanden
Aa #A19FFB auf #D75C9E 1,50:1 Nicht bestanden
Aa #68A5D9 auf #40D8B3 1,47:1 Nicht bestanden
Aa #F4A82B auf #E97A2B 1,44:1 Nicht bestanden
Aa #D75C9E auf #FD7A9A 1,42:1 Nicht bestanden
Aa #40D8B3 auf #FD7A9A 1,39:1 Nicht bestanden
Aa #68A5D9 auf #D75C9E 1,35:1 Nicht bestanden
Aa #EAD641 auf #F4A82B 1,35:1 Nicht bestanden
Aa #A19FFB auf #40D8B3 1,32:1 Nicht bestanden
Aa #68A5D9 auf #F4A82B 1,31:1 Nicht bestanden
Aa #EAD641 auf #DEF0FF 1,27:1 Nicht bestanden
Aa #F4A82B auf #FD7A9A 1,24:1 Nicht bestanden
Aa #E97A2B auf #D75C9E 1,23:1 Nicht bestanden
Aa #A19FFB auf #E97A2B 1,22:1 Nicht bestanden
Aa #40D8B3 auf #EAD641 1,21:1 Nicht bestanden
Aa #A19FFB auf #F4A82B 1,18:1 Nicht bestanden
Aa #E97A2B auf #FD7A9A 1,16:1 Nicht bestanden
Aa #40D8B3 auf #F4A82B 1,12:1 Nicht bestanden
Aa #A19FFB auf #68A5D9 1,11:1 Nicht bestanden
Aa #68A5D9 auf #E97A2B 1,09:1 Nicht bestanden
Aa #68A5D9 auf #FD7A9A 1,06:1 Nicht bestanden
Aa #A19FFB auf #FD7A9A 1,05: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