Meški Black
#1A0A27
Likes
6
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #1A0A27;
--c-vibrant-2: #2B0083;
--c-vibrant-3: #3E19D4;
--c-vibrant-4: #46174A;
--c-vibrant-5: #73283B;
--c-vibrant-6: #AE6467;
--c-vibrant-7: #802894;
--c-vibrant-8: #B856E0;
--c-vibrant-9: #D3B4FF;
--c-vibrant-10: #E8B4B5;
--c-vibrant-11: #FFE3DD;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Lady Anne (#FFE3DD) bis zum dunkelsten Ton Meški Black (#1A0A27). Sie vereint Meški Black, Orbital Kingdom, Blue Copper Ore, Velvet Cosmos, Anthracite Red, Spanish Rose Shadow, Druchii Violet, Medium Orchid, Light Violet, Strawberry Yoghurt und Lady Anne in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A0A27 auf #FFE3DD mit 15,48:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Orbital Kingdom
#2B0083
Blue Copper Ore
#3E19D4
Velvet Cosmos
#46174A
Anthracite Red
#73283B
Spanish Rose Shadow
#AE6467
Druchii Violet
#802894
Medium Orchid
#B856E0
Light Violet
#D3B4FF
Strawberry Yoghurt
#E8B4B5
Lady Anne
#FFE3DD
Kontrast & Barrierefreiheit
17 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1A0A27 auf #FFE3DD
15,48:1
AAA
Aa
#2B0083 auf #FFE3DD
12,08:1
AAA
Aa
#46174A auf #FFE3DD
11,66:1
AAA
Aa
#1A0A27 auf #D3B4FF
10,52:1
AAA
Aa
#1A0A27 auf #E8B4B5
10,41:1
AAA
Aa
#73283B auf #FFE3DD
8,25:1
AAA
Aa
#2B0083 auf #D3B4FF
8,21:1
AAA
Aa
#2B0083 auf #E8B4B5
8,13:1
AAA
Aa
#46174A auf #D3B4FF
7,92:1
AAA
Aa
#46174A auf #E8B4B5
7,85:1
AAA
Aa
#3E19D4 auf #FFE3DD
7,53:1
AAA
Aa
#802894 auf #FFE3DD
6,52:1
AA
Aa
#73283B auf #D3B4FF
5,60:1
AA
Aa
#73283B auf #E8B4B5
5,55:1
AA
Aa
#3E19D4 auf #D3B4FF
5,12:1
AA
Aa
#3E19D4 auf #E8B4B5
5,07:1
AA
Aa
#1A0A27 auf #B856E0
4,88:1
AA
Aa
#802894 auf #D3B4FF
4,43:1
AA (großer Text)
Aa
#802894 auf #E8B4B5
4,39:1
AA (großer Text)
Aa
#1A0A27 auf #AE6467
4,32:1
AA (großer Text)
Aa
#2B0083 auf #B856E0
3,81:1
AA (großer Text)
Aa
#46174A auf #B856E0
3,67:1
AA (großer Text)
Aa
#AE6467 auf #FFE3DD
3,59:1
AA (großer Text)
Aa
#2B0083 auf #AE6467
3,37:1
AA (großer Text)
Aa
#46174A auf #AE6467
3,25:1
AA (großer Text)
Aa
#B856E0 auf #FFE3DD
3,17:1
AA (großer Text)
Aa
#73283B auf #B856E0
2,60:1
Nicht bestanden
Aa
#AE6467 auf #D3B4FF
2,44:1
Nicht bestanden
Aa
#AE6467 auf #E8B4B5
2,41:1
Nicht bestanden
Aa
#1A0A27 auf #802894
2,37:1
Nicht bestanden
Aa
#3E19D4 auf #B856E0
2,37:1
Nicht bestanden
Aa
#73283B auf #AE6467
2,30:1
Nicht bestanden
Aa
#B856E0 auf #D3B4FF
2,16:1
Nicht bestanden
Aa
#B856E0 auf #E8B4B5
2,14:1
Nicht bestanden
Aa
#3E19D4 auf #AE6467
2,10:1
Nicht bestanden
Aa
#802894 auf #B856E0
2,06:1
Nicht bestanden
Aa
#1A0A27 auf #3E19D4
2,05:1
Nicht bestanden
Aa
#1A0A27 auf #73283B
1,88:1
Nicht bestanden
Aa
#2B0083 auf #802894
1,85:1
Nicht bestanden
Aa
#AE6467 auf #802894
1,82:1
Nicht bestanden
Aa
#46174A auf #802894
1,79:1
Nicht bestanden
Aa
#2B0083 auf #3E19D4
1,60:1
Nicht bestanden
Aa
#3E19D4 auf #46174A
1,55:1
Nicht bestanden
Aa
#E8B4B5 auf #FFE3DD
1,49:1
Nicht bestanden
Aa
#2B0083 auf #73283B
1,47:1
Nicht bestanden
Aa
#D3B4FF auf #FFE3DD
1,47:1
Nicht bestanden
Aa
#46174A auf #73283B
1,41:1
Nicht bestanden
Aa
#1A0A27 auf #46174A
1,33:1
Nicht bestanden
Aa
#1A0A27 auf #2B0083
1,28:1
Nicht bestanden
Aa
#73283B auf #802894
1,26:1
Nicht bestanden
Aa
#3E19D4 auf #802894
1,15:1
Nicht bestanden
Aa
#AE6467 auf #B856E0
1,13:1
Nicht bestanden
Aa
#3E19D4 auf #73283B
1,09:1
Nicht bestanden
Aa
#2B0083 auf #46174A
1,04:1
Nicht bestanden
Aa
#D3B4FF auf #E8B4B5
1,01:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6