Brass Mesh
#E0A94A
Likes
27
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #E0A94A;
--c-vibrant-2: #DB832A;
--c-vibrant-3: #D4570B;
--c-vibrant-4: #972308;
--c-vibrant-5: #5B0605;
--c-vibrant-6: #1E0206;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Brass Mesh (#E0A94A) bis zum dunkelsten Ton Dwarf Fortress (#1E0206). Sie vereint Brass Mesh, Sunlounge, Rusty Orange, Garden Gnome Red, Vampire Hunter und Dwarf Fortress 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 #E0A94A auf #1E0206 mit 9,32:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Sunlounge
#DB832A
Rusty Orange
#D4570B
Garden Gnome Red
#972308
Vampire Hunter
#5B0605
Dwarf Fortress
#1E0206
Kontrast & Barrierefreiheit
5 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E0A94A auf #1E0206
9,32:1
AAA
Aa
#DB832A auf #1E0206
6,84:1
AA
Aa
#E0A94A auf #5B0605
6,75:1
AA
Aa
#DB832A auf #5B0605
4,95:1
AA
Aa
#D4570B auf #1E0206
4,85:1
AA
Aa
#E0A94A auf #972308
3,88:1
AA (großer Text)
Aa
#D4570B auf #5B0605
3,51:1
AA (großer Text)
Aa
#DB832A auf #972308
2,85:1
Nicht bestanden
Aa
#972308 auf #1E0206
2,40:1
Nicht bestanden
Aa
#D4570B auf #972308
2,02:1
Nicht bestanden
Aa
#E0A94A auf #D4570B
1,92:1
Nicht bestanden
Aa
#972308 auf #5B0605
1,74:1
Nicht bestanden
Aa
#DB832A auf #D4570B
1,41:1
Nicht bestanden
Aa
#5B0605 auf #1E0206
1,38:1
Nicht bestanden
Aa
#E0A94A auf #DB832A
1,36:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79