Serpentine Shadow
#003300
Likes
14
Farben
9
CSS-Variablen
:root {
--c-muted-1: #003300;
--c-muted-2: #1A6600;
--c-muted-3: #4C9900;
--c-muted-4: #99CC00;
--c-muted-5: #FFFF00;
--c-muted-6: #330100;
--c-muted-7: #661A00;
--c-muted-8: #994C00;
--c-muted-9: #CC9900;
}Über diese Palette
Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Yellow (#FFFF00) bis zum dunkelsten Ton Old Brown Crayon (#330100). Sie vereint Serpentine Shadow, Keen Green, Grassy Green, Viric Green, Yellow, Old Brown Crayon, Raw Chocolate, Brownie und Vivid Amber 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 #FFFF00 auf #330100 mit 17,08:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Keen Green
#1A6600
Grassy Green
#4C9900
Viric Green
#99CC00
Yellow
#FFFF00
Old Brown Crayon
#330100
Raw Chocolate
#661A00
Brownie
#994C00
Vivid Amber
#CC9900
Kontrast & Barrierefreiheit
12 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFF00 auf #330100
17,08:1
AAA
Aa
#003300 auf #FFFF00
13,27:1
AAA
Aa
#FFFF00 auf #661A00
11,42:1
AAA
Aa
#99CC00 auf #330100
9,60:1
AAA
Aa
#003300 auf #99CC00
7,46:1
AAA
Aa
#330100 auf #CC9900
7,09:1
AAA
Aa
#1A6600 auf #FFFF00
6,64:1
AA
Aa
#99CC00 auf #661A00
6,42:1
AA
Aa
#FFFF00 auf #994C00
5,77:1
AA
Aa
#003300 auf #CC9900
5,51:1
AA
Aa
#4C9900 auf #330100
5,12:1
AA
Aa
#661A00 auf #CC9900
4,74:1
AA
Aa
#003300 auf #4C9900
3,98:1
AA (großer Text)
Aa
#1A6600 auf #99CC00
3,73:1
AA (großer Text)
Aa
#4C9900 auf #661A00
3,42:1
AA (großer Text)
Aa
#4C9900 auf #FFFF00
3,34:1
AA (großer Text)
Aa
#99CC00 auf #994C00
3,24:1
AA (großer Text)
Aa
#330100 auf #994C00
2,96:1
Nicht bestanden
Aa
#1A6600 auf #CC9900
2,76:1
Nicht bestanden
Aa
#1A6600 auf #330100
2,57:1
Nicht bestanden
Aa
#FFFF00 auf #CC9900
2,41:1
Nicht bestanden
Aa
#994C00 auf #CC9900
2,40:1
Nicht bestanden
Aa
#003300 auf #994C00
2,30:1
Nicht bestanden
Aa
#003300 auf #1A6600
2,00:1
Nicht bestanden
Aa
#1A6600 auf #4C9900
1,99:1
Nicht bestanden
Aa
#661A00 auf #994C00
1,98:1
Nicht bestanden
Aa
#4C9900 auf #99CC00
1,87:1
Nicht bestanden
Aa
#99CC00 auf #FFFF00
1,78:1
Nicht bestanden
Aa
#4C9900 auf #994C00
1,73:1
Nicht bestanden
Aa
#1A6600 auf #661A00
1,72:1
Nicht bestanden
Aa
#330100 auf #661A00
1,50:1
Nicht bestanden
Aa
#4C9900 auf #CC9900
1,39:1
Nicht bestanden
Aa
#99CC00 auf #CC9900
1,35:1
Nicht bestanden
Aa
#003300 auf #330100
1,29:1
Nicht bestanden
Aa
#003300 auf #661A00
1,16:1
Nicht bestanden
Aa
#1A6600 auf #994C00
1,15: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