Eight Ball
#000809
Likes
92
Farben
10
CSS-Variablen
:root {
--c-muted-1: #000809;
--c-muted-2: #021423;
--c-muted-3: #09243B;
--c-muted-4: #2A415A;
--c-muted-5: #586279;
--c-muted-6: #B43B28;
--c-muted-7: #D45211;
--c-muted-8: #FF9537;
--c-muted-9: #FFD4A3;
--c-muted-10: #FFECD6;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Crushed Cashew (#FFECD6) bis zum dunkelsten Ton Eight Ball (#000809). Sie vereint Eight Ball, Creeping Death, Celestial Canvas, Blue Tone Ink, Nightly, Bricky Brick, Hot Bolognese, Energy Orange, Sherbet Pop und Crushed Cashew in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000809 auf #FFECD6 mit 17,54:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Creeping Death
#021423
Celestial Canvas
#09243B
Blue Tone Ink
#2A415A
Nightly
#586279
Bricky Brick
#B43B28
Hot Bolognese
#D45211
Energy Orange
#FF9537
Sherbet Pop
#FFD4A3
Crushed Cashew
#FFECD6
Kontrast & Barrierefreiheit
15 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000809 auf #FFECD6
17,54:1
AAA
Aa
#021423 auf #FFECD6
16,17:1
AAA
Aa
#000809 auf #FFD4A3
14,63:1
AAA
Aa
#09243B auf #FFECD6
13,73:1
AAA
Aa
#021423 auf #FFD4A3
13,49:1
AAA
Aa
#09243B auf #FFD4A3
11,45:1
AAA
Aa
#000809 auf #FF9537
9,25:1
AAA
Aa
#2A415A auf #FFECD6
9,10:1
AAA
Aa
#021423 auf #FF9537
8,52:1
AAA
Aa
#2A415A auf #FFD4A3
7,59:1
AAA
Aa
#09243B auf #FF9537
7,24:1
AAA
Aa
#586279 auf #FFECD6
5,30:1
AA
Aa
#B43B28 auf #FFECD6
5,07:1
AA
Aa
#000809 auf #D45211
4,83:1
AA
Aa
#2A415A auf #FF9537
4,80:1
AA
Aa
#021423 auf #D45211
4,45:1
AA (großer Text)
Aa
#586279 auf #FFD4A3
4,42:1
AA (großer Text)
Aa
#B43B28 auf #FFD4A3
4,23:1
AA (großer Text)
Aa
#09243B auf #D45211
3,78:1
AA (großer Text)
Aa
#D45211 auf #FFECD6
3,63:1
AA (großer Text)
Aa
#000809 auf #B43B28
3,46:1
AA (großer Text)
Aa
#000809 auf #586279
3,31:1
AA (großer Text)
Aa
#021423 auf #B43B28
3,19:1
AA (großer Text)
Aa
#021423 auf #586279
3,05:1
AA (großer Text)
Aa
#D45211 auf #FFD4A3
3,03:1
AA (großer Text)
Aa
#586279 auf #FF9537
2,79:1
Nicht bestanden
Aa
#09243B auf #B43B28
2,71:1
Nicht bestanden
Aa
#B43B28 auf #FF9537
2,67:1
Nicht bestanden
Aa
#09243B auf #586279
2,59:1
Nicht bestanden
Aa
#2A415A auf #D45211
2,50:1
Nicht bestanden
Aa
#000809 auf #2A415A
1,93:1
Nicht bestanden
Aa
#D45211 auf #FF9537
1,92:1
Nicht bestanden
Aa
#FF9537 auf #FFECD6
1,90:1
Nicht bestanden
Aa
#2A415A auf #B43B28
1,80:1
Nicht bestanden
Aa
#021423 auf #2A415A
1,78:1
Nicht bestanden
Aa
#2A415A auf #586279
1,72:1
Nicht bestanden
Aa
#FF9537 auf #FFD4A3
1,58:1
Nicht bestanden
Aa
#09243B auf #2A415A
1,51:1
Nicht bestanden
Aa
#586279 auf #D45211
1,46:1
Nicht bestanden
Aa
#B43B28 auf #D45211
1,39:1
Nicht bestanden
Aa
#000809 auf #09243B
1,28:1
Nicht bestanden
Aa
#FFD4A3 auf #FFECD6
1,20:1
Nicht bestanden
Aa
#021423 auf #09243B
1,18:1
Nicht bestanden
Aa
#000809 auf #021423
1,08:1
Nicht bestanden
Aa
#586279 auf #B43B28
1,05:1
Nicht bestanden
Ähnliche Paletten
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365