Midnight Express
#212339
Likes
11
Farben
6
CSS-Variablen
:root {
--c-muted-1: #212339;
--c-muted-2: #323C62;
--c-muted-3: #006265;
--c-muted-4: #EEEEEE;
--c-muted-5: #EE6B4D;
--c-muted-6: #82C9B9;
}Über diese Palette
Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Midnight Express (#212339). Sie vereint Midnight Express, Bay of Many, Really Teal, Super Silver, Entan Red und Booty Bay in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #212339 auf #EEEEEE mit 13,27:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Bay of Many
#323C62
Really Teal
#006265
Super Silver
#EEEEEE
Entan Red
#EE6B4D
Booty Bay
#82C9B9
Kontrast & Barrierefreiheit
6 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#212339 auf #EEEEEE
13,27:1
AAA
Aa
#323C62 auf #EEEEEE
9,24:1
AAA
Aa
#212339 auf #82C9B9
8,07:1
AAA
Aa
#006265 auf #EEEEEE
6,17:1
AA
Aa
#323C62 auf #82C9B9
5,62:1
AA
Aa
#212339 auf #EE6B4D
5,02:1
AA
Aa
#006265 auf #82C9B9
3,75:1
AA (großer Text)
Aa
#323C62 auf #EE6B4D
3,50:1
AA (großer Text)
Aa
#EEEEEE auf #EE6B4D
2,64:1
Nicht bestanden
Aa
#006265 auf #EE6B4D
2,33:1
Nicht bestanden
Aa
#212339 auf #006265
2,15:1
Nicht bestanden
Aa
#EEEEEE auf #82C9B9
1,64:1
Nicht bestanden
Aa
#EE6B4D auf #82C9B9
1,61:1
Nicht bestanden
Aa
#323C62 auf #006265
1,50:1
Nicht bestanden
Aa
#212339 auf #323C62
1,44:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022