Not Tonight
#0D0613
Likes
50
Farben
10
CSS-Variablen
:root {
--c-muted-1: #0D0613;
--c-muted-2: #051722;
--c-muted-3: #012C43;
--c-muted-4: #114B60;
--c-muted-5: #237178;
--c-muted-6: #399478;
--c-muted-7: #57B67F;
--c-muted-8: #6BD077;
--c-muted-9: #85E879;
--c-muted-10: #9FF26E;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Stadium Lawn (#9FF26E) bis zum dunkelsten Ton Not Tonight (#0D0613). Sie vereint Not Tonight, Creeping Death, Nordic Noir, Swallow Blue, Poseidon’s Castle, Illuminating Emerald, Jade Cream, Snow Pea, Herbivore und Stadium Lawn in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D0613 auf #9FF26E mit 14,63:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Creeping Death
#051722
Nordic Noir
#012C43
Swallow Blue
#114B60
Poseidon’s Castle
#237178
Illuminating Emerald
#399478
Jade Cream
#57B67F
Snow Pea
#6BD077
Herbivore
#85E879
Stadium Lawn
#9FF26E
Kontrast & Barrierefreiheit
17 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#0D0613 auf #9FF26E
14,63:1
AAA
Aa
#051722 auf #9FF26E
13,37:1
AAA
Aa
#0D0613 auf #85E879
13,13:1
AAA
Aa
#051722 auf #85E879
11,99:1
AAA
Aa
#012C43 auf #9FF26E
10,68:1
AAA
Aa
#0D0613 auf #6BD077
10,37:1
AAA
Aa
#012C43 auf #85E879
9,58:1
AAA
Aa
#051722 auf #6BD077
9,47:1
AAA
Aa
#0D0613 auf #57B67F
7,98:1
AAA
Aa
#012C43 auf #6BD077
7,57:1
AAA
Aa
#051722 auf #57B67F
7,29:1
AAA
Aa
#114B60 auf #9FF26E
7,00:1
AAA
Aa
#114B60 auf #85E879
6,28:1
AA
Aa
#012C43 auf #57B67F
5,82:1
AA
Aa
#0D0613 auf #399478
5,40:1
AA
Aa
#114B60 auf #6BD077
4,96:1
AA
Aa
#051722 auf #399478
4,93:1
AA
Aa
#237178 auf #9FF26E
4,16:1
AA (großer Text)
Aa
#012C43 auf #399478
3,94:1
AA (großer Text)
Aa
#114B60 auf #57B67F
3,82:1
AA (großer Text)
Aa
#237178 auf #85E879
3,73:1
AA (großer Text)
Aa
#0D0613 auf #237178
3,52:1
AA (großer Text)
Aa
#051722 auf #237178
3,22:1
AA (großer Text)
Aa
#237178 auf #6BD077
2,95:1
Nicht bestanden
Aa
#399478 auf #9FF26E
2,71:1
Nicht bestanden
Aa
#114B60 auf #399478
2,58:1
Nicht bestanden
Aa
#012C43 auf #237178
2,57:1
Nicht bestanden
Aa
#399478 auf #85E879
2,43:1
Nicht bestanden
Aa
#237178 auf #57B67F
2,27:1
Nicht bestanden
Aa
#0D0613 auf #114B60
2,09:1
Nicht bestanden
Aa
#399478 auf #6BD077
1,92:1
Nicht bestanden
Aa
#051722 auf #114B60
1,91:1
Nicht bestanden
Aa
#57B67F auf #9FF26E
1,83:1
Nicht bestanden
Aa
#114B60 auf #237178
1,68:1
Nicht bestanden
Aa
#57B67F auf #85E879
1,64:1
Nicht bestanden
Aa
#237178 auf #399478
1,53:1
Nicht bestanden
Aa
#012C43 auf #114B60
1,52:1
Nicht bestanden
Aa
#399478 auf #57B67F
1,48:1
Nicht bestanden
Aa
#6BD077 auf #9FF26E
1,41:1
Nicht bestanden
Aa
#0D0613 auf #012C43
1,37:1
Nicht bestanden
Aa
#57B67F auf #6BD077
1,30:1
Nicht bestanden
Aa
#6BD077 auf #85E879
1,27:1
Nicht bestanden
Aa
#051722 auf #012C43
1,25:1
Nicht bestanden
Aa
#85E879 auf #9FF26E
1,11:1
Nicht bestanden
Aa
#0D0613 auf #051722
1,09: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