Violet Void
#1A171C
Likes
31
Farben
9
CSS-Variablen
:root {
--c-earthy-1: #1A171C;
--c-earthy-2: #3F2F5E;
--c-earthy-3: #4A4789;
--c-earthy-4: #447866;
--c-earthy-5: #A1796C;
--c-earthy-6: #FC7E35;
--c-earthy-7: #FFA994;
--c-earthy-8: #FFE098;
--c-earthy-9: #FFFFDB;
}Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Parmesan (#FFFFDB) bis zum dunkelsten Ton Violet Void (#1A171C). Sie vereint Violet Void, Jakarta Skyline, Moonlight Sonata, Leaping Lizard, Woodhaven, Beniukon Bronze, Frozen Salmon, Cheerful Hue und Parmesan in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A171C auf #FFFFDB mit 17,39:1.
Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.
Farben im Detail
Jakarta Skyline
#3F2F5E
Moonlight Sonata
#4A4789
Leaping Lizard
#447866
Woodhaven
#A1796C
Beniukon Bronze
#FC7E35
Frozen Salmon
#FFA994
Cheerful Hue
#FFE098
Parmesan
#FFFFDB
Kontrast & Barrierefreiheit
12 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1A171C auf #FFFFDB
17,39:1
AAA
Aa
#1A171C auf #FFE098
13,83:1
AAA
Aa
#3F2F5E auf #FFFFDB
11,56:1
AAA
Aa
#1A171C auf #FFA994
9,60:1
AAA
Aa
#3F2F5E auf #FFE098
9,20:1
AAA
Aa
#4A4789 auf #FFFFDB
8,06:1
AAA
Aa
#1A171C auf #FC7E35
6,91:1
AA
Aa
#4A4789 auf #FFE098
6,41:1
AA
Aa
#3F2F5E auf #FFA994
6,38:1
AA
Aa
#447866 auf #FFFFDB
4,99:1
AA
Aa
#1A171C auf #A1796C
4,62:1
AA
Aa
#3F2F5E auf #FC7E35
4,59:1
AA
Aa
#4A4789 auf #FFA994
4,45:1
AA (großer Text)
Aa
#447866 auf #FFE098
3,97:1
AA (großer Text)
Aa
#A1796C auf #FFFFDB
3,76:1
AA (großer Text)
Aa
#1A171C auf #447866
3,49:1
AA (großer Text)
Aa
#4A4789 auf #FC7E35
3,20:1
AA (großer Text)
Aa
#3F2F5E auf #A1796C
3,07:1
AA (großer Text)
Aa
#A1796C auf #FFE098
2,99:1
Nicht bestanden
Aa
#447866 auf #FFA994
2,75:1
Nicht bestanden
Aa
#FC7E35 auf #FFFFDB
2,52:1
Nicht bestanden
Aa
#3F2F5E auf #447866
2,32:1
Nicht bestanden
Aa
#1A171C auf #4A4789
2,16:1
Nicht bestanden
Aa
#4A4789 auf #A1796C
2,14:1
Nicht bestanden
Aa
#A1796C auf #FFA994
2,08:1
Nicht bestanden
Aa
#FC7E35 auf #FFE098
2,00:1
Nicht bestanden
Aa
#447866 auf #FC7E35
1,98:1
Nicht bestanden
Aa
#FFA994 auf #FFFFDB
1,81:1
Nicht bestanden
Aa
#4A4789 auf #447866
1,62:1
Nicht bestanden
Aa
#1A171C auf #3F2F5E
1,50:1
Nicht bestanden
Aa
#A1796C auf #FC7E35
1,50:1
Nicht bestanden
Aa
#FFA994 auf #FFE098
1,44:1
Nicht bestanden
Aa
#3F2F5E auf #4A4789
1,43:1
Nicht bestanden
Aa
#FC7E35 auf #FFA994
1,39:1
Nicht bestanden
Aa
#447866 auf #A1796C
1,33:1
Nicht bestanden
Aa
#FFE098 auf #FFFFDB
1,26: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