Maya Blue
#7AC5FF
Likes
57
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #7AC5FF;
--c-vibrant-2: #2196F3;
--c-vibrant-3: #175F8F;
--c-vibrant-4: #094069;
--c-vibrant-5: #07283D;
--c-vibrant-6: #05022E;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Maya Blue (#7AC5FF) bis zum dunkelsten Ton Midnight (#05022E). Sie vereint Maya Blue, Karimun Blue, Baleine Blue, Dark Imperial Blue, Murky Depths und Midnight in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #7AC5FF auf #05022E mit 10,68:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Karimun Blue
#2196F3
Baleine Blue
#175F8F
Dark Imperial Blue
#094069
Murky Depths
#07283D
Midnight
#05022E
Kontrast & Barrierefreiheit
5 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#7AC5FF auf #05022E
10,68:1
AAA
Aa
#7AC5FF auf #07283D
8,16:1
AAA
Aa
#2196F3 auf #05022E
6,37:1
AA
Aa
#7AC5FF auf #094069
5,78:1
AA
Aa
#2196F3 auf #07283D
4,87:1
AA
Aa
#7AC5FF auf #175F8F
3,67:1
AA (großer Text)
Aa
#2196F3 auf #094069
3,45:1
AA (großer Text)
Aa
#175F8F auf #05022E
2,91:1
Nicht bestanden
Aa
#175F8F auf #07283D
2,22:1
Nicht bestanden
Aa
#2196F3 auf #175F8F
2,19:1
Nicht bestanden
Aa
#094069 auf #05022E
1,85:1
Nicht bestanden
Aa
#7AC5FF auf #2196F3
1,67:1
Nicht bestanden
Aa
#175F8F auf #094069
1,58:1
Nicht bestanden
Aa
#094069 auf #07283D
1,41:1
Nicht bestanden
Aa
#07283D auf #05022E
1,31:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365