Cherry Soda
#FF0546
Likes
921
Farben
10
CSS-Variablen
:root {
--c-muted-1: #FF0546;
--c-muted-2: #9C173B;
--c-muted-3: #660F31;
--c-muted-4: #450327;
--c-muted-5: #270022;
--c-muted-6: #17001D;
--c-muted-7: #09010D;
--c-muted-8: #0CE6F2;
--c-muted-9: #0098DB;
--c-muted-10: #1E579C;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Phosphorescent Blue (#0CE6F2) bis zum dunkelsten Ton Broken Tube (#09010D). Sie vereint Cherry Soda, Vivid Burgundy, Plum Cheese, Blaze It Dark Magenta, Black Sabbath, Election Night, Broken Tube, Phosphorescent Blue, Atmosphere und Blue Chip in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #09010D auf #0CE6F2 mit 13,33:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Vivid Burgundy
#9C173B
Plum Cheese
#660F31
Blaze It Dark Magenta
#450327
Black Sabbath
#270022
Election Night
#17001D
Broken Tube
#09010D
Phosphorescent Blue
#0CE6F2
Atmosphere
#0098DB
Blue Chip
#1E579C
Kontrast & Barrierefreiheit
14 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#09010D auf #0CE6F2
13,33:1
AAA
Aa
#17001D auf #0CE6F2
12,92:1
AAA
Aa
#270022 auf #0CE6F2
12,27:1
AAA
Aa
#450327 auf #0CE6F2
10,51:1
AAA
Aa
#660F31 auf #0CE6F2
8,12:1
AAA
Aa
#09010D auf #0098DB
6,38:1
AA
Aa
#17001D auf #0098DB
6,18:1
AA
Aa
#270022 auf #0098DB
5,87:1
AA
Aa
#FF0546 auf #09010D
5,25:1
AA
Aa
#9C173B auf #0CE6F2
5,24:1
AA
Aa
#FF0546 auf #17001D
5,09:1
AA
Aa
#450327 auf #0098DB
5,03:1
AA
Aa
#FF0546 auf #270022
4,83:1
AA
Aa
#0CE6F2 auf #1E579C
4,70:1
AA
Aa
#FF0546 auf #450327
4,14:1
AA (großer Text)
Aa
#660F31 auf #0098DB
3,88:1
AA (großer Text)
Aa
#FF0546 auf #660F31
3,20:1
AA (großer Text)
Aa
#09010D auf #1E579C
2,84:1
Nicht bestanden
Aa
#17001D auf #1E579C
2,75:1
Nicht bestanden
Aa
#270022 auf #1E579C
2,61:1
Nicht bestanden
Aa
#FF0546 auf #0CE6F2
2,54:1
Nicht bestanden
Aa
#9C173B auf #09010D
2,54:1
Nicht bestanden
Aa
#9C173B auf #0098DB
2,51:1
Nicht bestanden
Aa
#9C173B auf #17001D
2,47:1
Nicht bestanden
Aa
#9C173B auf #270022
2,34:1
Nicht bestanden
Aa
#0098DB auf #1E579C
2,25:1
Nicht bestanden
Aa
#450327 auf #1E579C
2,24:1
Nicht bestanden
Aa
#0CE6F2 auf #0098DB
2,09:1
Nicht bestanden
Aa
#FF0546 auf #9C173B
2,06:1
Nicht bestanden
Aa
#9C173B auf #450327
2,01:1
Nicht bestanden
Aa
#FF0546 auf #1E579C
1,85:1
Nicht bestanden
Aa
#660F31 auf #1E579C
1,73:1
Nicht bestanden
Aa
#660F31 auf #09010D
1,64:1
Nicht bestanden
Aa
#660F31 auf #17001D
1,59:1
Nicht bestanden
Aa
#9C173B auf #660F31
1,55:1
Nicht bestanden
Aa
#660F31 auf #270022
1,51:1
Nicht bestanden
Aa
#660F31 auf #450327
1,30:1
Nicht bestanden
Aa
#450327 auf #09010D
1,27:1
Nicht bestanden
Aa
#450327 auf #17001D
1,23:1
Nicht bestanden
Aa
#FF0546 auf #0098DB
1,21:1
Nicht bestanden
Aa
#450327 auf #270022
1,17:1
Nicht bestanden
Aa
#9C173B auf #1E579C
1,12:1
Nicht bestanden
Aa
#270022 auf #09010D
1,09:1
Nicht bestanden
Aa
#270022 auf #17001D
1,05:1
Nicht bestanden
Aa
#17001D auf #09010D
1,03: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