Midnight Jam
#09031C
Likes
8
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #09031C;
--c-vibrant-2: #6E0A32;
--c-vibrant-3: #A33E3E;
--c-vibrant-4: #DB8F6B;
--c-vibrant-5: #FFE185;
--c-vibrant-6: #FFF2E8;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Pico Ivory (#FFF2E8) bis zum dunkelsten Ton Midnight Jam (#09031C). Sie vereint Midnight Jam, Deep Claret, No More Drama, Copper Pipe, Sweet Chamomile und Pico Ivory in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #09031C auf #FFF2E8 mit 18,36:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Deep Claret
#6E0A32
No More Drama
#A33E3E
Copper Pipe
#DB8F6B
Sweet Chamomile
#FFE185
Pico Ivory
#FFF2E8
Kontrast & Barrierefreiheit
8 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#09031C auf #FFF2E8
18,36:1
AAA
Aa
#09031C auf #FFE185
15,71:1
AAA
Aa
#6E0A32 auf #FFF2E8
10,91:1
AAA
Aa
#6E0A32 auf #FFE185
9,34:1
AAA
Aa
#09031C auf #DB8F6B
7,83:1
AAA
Aa
#A33E3E auf #FFF2E8
5,77:1
AA
Aa
#A33E3E auf #FFE185
4,93:1
AA
Aa
#6E0A32 auf #DB8F6B
4,65:1
AA
Aa
#09031C auf #A33E3E
3,18:1
AA (großer Text)
Aa
#A33E3E auf #DB8F6B
2,46:1
Nicht bestanden
Aa
#DB8F6B auf #FFF2E8
2,34:1
Nicht bestanden
Aa
#DB8F6B auf #FFE185
2,01:1
Nicht bestanden
Aa
#6E0A32 auf #A33E3E
1,89:1
Nicht bestanden
Aa
#09031C auf #6E0A32
1,68:1
Nicht bestanden
Aa
#FFE185 auf #FFF2E8
1,17:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50