Void
#000924
Likes
319
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #000924;
--c-vibrant-2: #041B38;
--c-vibrant-3: #093659;
--c-vibrant-4: #145D87;
--c-vibrant-5: #228399;
--c-vibrant-6: #31B0B0;
--c-vibrant-7: #46CFB3;
--c-vibrant-8: #73F0C6;
--c-vibrant-9: #ABFFD1;
--c-vibrant-10: #D9FFE2;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Transparent Green (#D9FFE2) bis zum dunkelsten Ton Void (#000924). Sie vereint Void, Naval Night, Incremental Blue, Sapphire Sparkle, River Fountain, Lake Tahoe Turquoise, Disc Jockey, Jittery Jade, Neo Mint und Transparent Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000924 auf #D9FFE2 mit 18,18:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Naval Night
#041B38
Incremental Blue
#093659
Sapphire Sparkle
#145D87
River Fountain
#228399
Lake Tahoe Turquoise
#31B0B0
Disc Jockey
#46CFB3
Jittery Jade
#73F0C6
Neo Mint
#ABFFD1
Transparent Green
#D9FFE2
Kontrast & Barrierefreiheit
18 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000924 auf #D9FFE2
18,18:1
AAA
Aa
#000924 auf #ABFFD1
16,87:1
AAA
Aa
#041B38 auf #D9FFE2
15,88:1
AAA
Aa
#041B38 auf #ABFFD1
14,73:1
AAA
Aa
#000924 auf #73F0C6
14,10:1
AAA
Aa
#041B38 auf #73F0C6
12,31:1
AAA
Aa
#093659 auf #D9FFE2
11,50:1
AAA
Aa
#093659 auf #ABFFD1
10,67:1
AAA
Aa
#000924 auf #46CFB3
10,18:1
AAA
Aa
#093659 auf #73F0C6
8,91:1
AAA
Aa
#041B38 auf #46CFB3
8,89:1
AAA
Aa
#000924 auf #31B0B0
7,48:1
AAA
Aa
#145D87 auf #D9FFE2
6,57:1
AA
Aa
#041B38 auf #31B0B0
6,54:1
AA
Aa
#093659 auf #46CFB3
6,44:1
AA
Aa
#145D87 auf #ABFFD1
6,10:1
AA
Aa
#145D87 auf #73F0C6
5,10:1
AA
Aa
#093659 auf #31B0B0
4,73:1
AA
Aa
#000924 auf #228399
4,49:1
AA (großer Text)
Aa
#228399 auf #D9FFE2
4,05:1
AA (großer Text)
Aa
#041B38 auf #228399
3,92:1
AA (großer Text)
Aa
#228399 auf #ABFFD1
3,76:1
AA (großer Text)
Aa
#145D87 auf #46CFB3
3,68:1
AA (großer Text)
Aa
#228399 auf #73F0C6
3,14:1
AA (großer Text)
Aa
#093659 auf #228399
2,84:1
Nicht bestanden
Aa
#000924 auf #145D87
2,77:1
Nicht bestanden
Aa
#145D87 auf #31B0B0
2,71:1
Nicht bestanden
Aa
#31B0B0 auf #D9FFE2
2,43:1
Nicht bestanden
Aa
#041B38 auf #145D87
2,42:1
Nicht bestanden
Aa
#228399 auf #46CFB3
2,27:1
Nicht bestanden
Aa
#31B0B0 auf #ABFFD1
2,25:1
Nicht bestanden
Aa
#31B0B0 auf #73F0C6
1,88:1
Nicht bestanden
Aa
#46CFB3 auf #D9FFE2
1,79:1
Nicht bestanden
Aa
#093659 auf #145D87
1,75:1
Nicht bestanden
Aa
#228399 auf #31B0B0
1,67:1
Nicht bestanden
Aa
#46CFB3 auf #ABFFD1
1,66:1
Nicht bestanden
Aa
#145D87 auf #228399
1,62:1
Nicht bestanden
Aa
#000924 auf #093659
1,58:1
Nicht bestanden
Aa
#041B38 auf #093659
1,38:1
Nicht bestanden
Aa
#46CFB3 auf #73F0C6
1,38:1
Nicht bestanden
Aa
#31B0B0 auf #46CFB3
1,36:1
Nicht bestanden
Aa
#73F0C6 auf #D9FFE2
1,29:1
Nicht bestanden
Aa
#73F0C6 auf #ABFFD1
1,20:1
Nicht bestanden
Aa
#000924 auf #041B38
1,15:1
Nicht bestanden
Aa
#ABFFD1 auf #D9FFE2
1,08: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