Space Grey
#0E0225
Likes
4
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #0E0225;
--c-vibrant-2: #2F6090;
--c-vibrant-3: #4996B7;
--c-vibrant-4: #FFFFFF;
--c-vibrant-5: #FF78EC;
--c-vibrant-6: #9C3963;
--c-vibrant-7: #850E2B;
--c-vibrant-8: #B34312;
--c-vibrant-9: #E08935;
--c-vibrant-10: #EDD05E;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Space Grey (#0E0225). Sie vereint Space Grey, Running Water, Coastline Blue, White, Avant-Garde Pink, Cardinal Red, Sweet Cherry Red, Martian Ironcrust, Kanafeh und Grand Casino Gold in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0E0225 auf #FFFFFF mit 19,92:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Running Water
#2F6090
Coastline Blue
#4996B7
White
#FFFFFF
Avant-Garde Pink
#FF78EC
Cardinal Red
#9C3963
Sweet Cherry Red
#850E2B
Martian Ironcrust
#B34312
Kanafeh
#E08935
Grand Casino Gold
#EDD05E
Kontrast & Barrierefreiheit
10 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#0E0225 auf #FFFFFF
19,92:1
AAA
Aa
#0E0225 auf #EDD05E
13,08:1
AAA
Aa
#FFFFFF auf #850E2B
10,02:1
AAA
Aa
#0E0225 auf #FF78EC
8,68:1
AAA
Aa
#0E0225 auf #E08935
7,40:1
AAA
Aa
#FFFFFF auf #9C3963
6,61:1
AA
Aa
#850E2B auf #EDD05E
6,58:1
AA
Aa
#2F6090 auf #FFFFFF
6,57:1
AA
Aa
#0E0225 auf #4996B7
6,00:1
AA
Aa
#FFFFFF auf #B34312
5,63:1
AA
Aa
#FF78EC auf #850E2B
4,37:1
AA (großer Text)
Aa
#9C3963 auf #EDD05E
4,34:1
AA (großer Text)
Aa
#2F6090 auf #EDD05E
4,31:1
AA (großer Text)
Aa
#850E2B auf #E08935
3,72:1
AA (großer Text)
Aa
#B34312 auf #EDD05E
3,70:1
AA (großer Text)
Aa
#0E0225 auf #B34312
3,54:1
AA (großer Text)
Aa
#4996B7 auf #FFFFFF
3,32:1
AA (großer Text)
Aa
#0E0225 auf #2F6090
3,03:1
AA (großer Text)
Aa
#0E0225 auf #9C3963
3,02:1
AA (großer Text)
Aa
#4996B7 auf #850E2B
3,02:1
AA (großer Text)
Aa
#FF78EC auf #9C3963
2,88:1
Nicht bestanden
Aa
#2F6090 auf #FF78EC
2,86:1
Nicht bestanden
Aa
#FFFFFF auf #E08935
2,69:1
Nicht bestanden
Aa
#FF78EC auf #B34312
2,45:1
Nicht bestanden
Aa
#9C3963 auf #E08935
2,45:1
Nicht bestanden
Aa
#2F6090 auf #E08935
2,44:1
Nicht bestanden
Aa
#FFFFFF auf #FF78EC
2,30:1
Nicht bestanden
Aa
#4996B7 auf #EDD05E
2,18:1
Nicht bestanden
Aa
#B34312 auf #E08935
2,09:1
Nicht bestanden
Aa
#0E0225 auf #850E2B
1,99:1
Nicht bestanden
Aa
#4996B7 auf #9C3963
1,99:1
Nicht bestanden
Aa
#2F6090 auf #4996B7
1,98:1
Nicht bestanden
Aa
#850E2B auf #B34312
1,78:1
Nicht bestanden
Aa
#E08935 auf #EDD05E
1,77:1
Nicht bestanden
Aa
#4996B7 auf #B34312
1,70:1
Nicht bestanden
Aa
#2F6090 auf #850E2B
1,53:1
Nicht bestanden
Aa
#FFFFFF auf #EDD05E
1,52:1
Nicht bestanden
Aa
#9C3963 auf #850E2B
1,52:1
Nicht bestanden
Aa
#FF78EC auf #EDD05E
1,51:1
Nicht bestanden
Aa
#4996B7 auf #FF78EC
1,45:1
Nicht bestanden
Aa
#4996B7 auf #E08935
1,23:1
Nicht bestanden
Aa
#2F6090 auf #B34312
1,17:1
Nicht bestanden
Aa
#FF78EC auf #E08935
1,17:1
Nicht bestanden
Aa
#9C3963 auf #B34312
1,17:1
Nicht bestanden
Aa
#2F6090 auf #9C3963
1,01:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50