Dynamite Red
#E43113
Likes
24
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #E43113;
--c-vibrant-2: #ED8848;
--c-vibrant-3: #F2BF87;
--c-vibrant-4: #F5DEB3;
--c-vibrant-5: #F6E9C7;
--c-vibrant-6: #D6F4E9;
--c-vibrant-7: #AAEBDA;
--c-vibrant-8: #7BE2D2;
--c-vibrant-9: #23D2D2;
--c-vibrant-10: #229BB9;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Minted Ice (#D6F4E9) bis zum dunkelsten Ton Dynamite Red (#E43113). Sie vereint Dynamite Red, Zodiac Constellation, Melon Balls, Gruyère Cheese, Summer Sunshine, Minted Ice, Aquatic Mist, Sea Foam, Blue Martina und Butterfly Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 45 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Zodiac Constellation
#ED8848
Melon Balls
#F2BF87
Gruyère Cheese
#F5DEB3
Summer Sunshine
#F6E9C7
Minted Ice
#D6F4E9
Aquatic Mist
#AAEBDA
Sea Foam
#7BE2D2
Blue Martina
#23D2D2
Butterfly Blue
#229BB9
Kontrast & Barrierefreiheit
0 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E43113 auf #D6F4E9
3,79:1
AA (großer Text)
Aa
#E43113 auf #F6E9C7
3,66:1
AA (großer Text)
Aa
#E43113 auf #F5DEB3
3,37:1
AA (großer Text)
Aa
#E43113 auf #AAEBDA
3,29:1
AA (großer Text)
Aa
#E43113 auf #7BE2D2
2,88:1
Nicht bestanden
Aa
#D6F4E9 auf #229BB9
2,78:1
Nicht bestanden
Aa
#F6E9C7 auf #229BB9
2,69:1
Nicht bestanden
Aa
#E43113 auf #F2BF87
2,65:1
Nicht bestanden
Aa
#F5DEB3 auf #229BB9
2,48:1
Nicht bestanden
Aa
#AAEBDA auf #229BB9
2,42:1
Nicht bestanden
Aa
#E43113 auf #23D2D2
2,36:1
Nicht bestanden
Aa
#ED8848 auf #D6F4E9
2,19:1
Nicht bestanden
Aa
#ED8848 auf #F6E9C7
2,12:1
Nicht bestanden
Aa
#7BE2D2 auf #229BB9
2,11:1
Nicht bestanden
Aa
#ED8848 auf #F5DEB3
1,95:1
Nicht bestanden
Aa
#F2BF87 auf #229BB9
1,95:1
Nicht bestanden
Aa
#ED8848 auf #AAEBDA
1,90:1
Nicht bestanden
Aa
#23D2D2 auf #229BB9
1,74:1
Nicht bestanden
Aa
#E43113 auf #ED8848
1,73:1
Nicht bestanden
Aa
#ED8848 auf #7BE2D2
1,66:1
Nicht bestanden
Aa
#D6F4E9 auf #23D2D2
1,60:1
Nicht bestanden
Aa
#F6E9C7 auf #23D2D2
1,55:1
Nicht bestanden
Aa
#ED8848 auf #F2BF87
1,53:1
Nicht bestanden
Aa
#F2BF87 auf #D6F4E9
1,43:1
Nicht bestanden
Aa
#F5DEB3 auf #23D2D2
1,42:1
Nicht bestanden
Aa
#AAEBDA auf #23D2D2
1,39:1
Nicht bestanden
Aa
#F2BF87 auf #F6E9C7
1,38:1
Nicht bestanden
Aa
#ED8848 auf #23D2D2
1,37:1
Nicht bestanden
Aa
#E43113 auf #229BB9
1,36:1
Nicht bestanden
Aa
#D6F4E9 auf #7BE2D2
1,32:1
Nicht bestanden
Aa
#ED8848 auf #229BB9
1,27:1
Nicht bestanden
Aa
#F2BF87 auf #F5DEB3
1,27:1
Nicht bestanden
Aa
#F6E9C7 auf #7BE2D2
1,27:1
Nicht bestanden
Aa
#F2BF87 auf #AAEBDA
1,24:1
Nicht bestanden
Aa
#7BE2D2 auf #23D2D2
1,22:1
Nicht bestanden
Aa
#F5DEB3 auf #7BE2D2
1,17:1
Nicht bestanden
Aa
#D6F4E9 auf #AAEBDA
1,15:1
Nicht bestanden
Aa
#AAEBDA auf #7BE2D2
1,14:1
Nicht bestanden
Aa
#F2BF87 auf #23D2D2
1,12:1
Nicht bestanden
Aa
#F5DEB3 auf #D6F4E9
1,12:1
Nicht bestanden
Aa
#F6E9C7 auf #AAEBDA
1,11:1
Nicht bestanden
Aa
#F2BF87 auf #7BE2D2
1,09:1
Nicht bestanden
Aa
#F5DEB3 auf #F6E9C7
1,09:1
Nicht bestanden
Aa
#F6E9C7 auf #D6F4E9
1,03:1
Nicht bestanden
Aa
#F5DEB3 auf #AAEBDA
1,02:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9