Explorer of the Galaxies
#3D216E
Likes
84
Farben
9
CSS-Variablen
:root {
--c-vibrant-1: #3D216E;
--c-vibrant-2: #5347B5;
--c-vibrant-3: #3E77BD;
--c-vibrant-4: #63B6FF;
--c-vibrant-5: #FFFDF0;
--c-vibrant-6: #FFE17D;
--c-vibrant-7: #FFAE4A;
--c-vibrant-8: #F76A23;
--c-vibrant-9: #A33729;
}Über diese Palette
Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Granulated Sugar (#FFFDF0) bis zum dunkelsten Ton Explorer of the Galaxies (#3D216E). Sie vereint Explorer of the Galaxies, Swiss Plum, Celestial Plum, Tiān Lán Sky, Granulated Sugar, Broadway Lights, My Sin, Sparrow’s Fire und Brick in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3D216E auf #FFFDF0 mit 12,53:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Swiss Plum
#5347B5
Celestial Plum
#3E77BD
Tiān Lán Sky
#63B6FF
Granulated Sugar
#FFFDF0
Broadway Lights
#FFE17D
My Sin
#FFAE4A
Sparrow’s Fire
#F76A23
Brick
#A33729
Kontrast & Barrierefreiheit
8 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#3D216E auf #FFFDF0
12,53:1
AAA
Aa
#3D216E auf #FFE17D
9,94:1
AAA
Aa
#5347B5 auf #FFFDF0
7,00:1
AAA
Aa
#3D216E auf #FFAE4A
6,95:1
AA
Aa
#FFFDF0 auf #A33729
6,56:1
AA
Aa
#3D216E auf #63B6FF
5,89:1
AA
Aa
#5347B5 auf #FFE17D
5,56:1
AA
Aa
#FFE17D auf #A33729
5,20:1
AA
Aa
#3E77BD auf #FFFDF0
4,49:1
AA (großer Text)
Aa
#3D216E auf #F76A23
4,29:1
AA (großer Text)
Aa
#5347B5 auf #FFAE4A
3,88:1
AA (großer Text)
Aa
#FFAE4A auf #A33729
3,64:1
AA (großer Text)
Aa
#3E77BD auf #FFE17D
3,56:1
AA (großer Text)
Aa
#5347B5 auf #63B6FF
3,29:1
AA (großer Text)
Aa
#63B6FF auf #A33729
3,08:1
AA (großer Text)
Aa
#FFFDF0 auf #F76A23
2,92:1
Nicht bestanden
Aa
#3D216E auf #3E77BD
2,79:1
Nicht bestanden
Aa
#3E77BD auf #FFAE4A
2,49:1
Nicht bestanden
Aa
#5347B5 auf #F76A23
2,40:1
Nicht bestanden
Aa
#FFE17D auf #F76A23
2,32:1
Nicht bestanden
Aa
#F76A23 auf #A33729
2,25:1
Nicht bestanden
Aa
#63B6FF auf #FFFDF0
2,13:1
Nicht bestanden
Aa
#3E77BD auf #63B6FF
2,11:1
Nicht bestanden
Aa
#3D216E auf #A33729
1,91:1
Nicht bestanden
Aa
#FFFDF0 auf #FFAE4A
1,80:1
Nicht bestanden
Aa
#3D216E auf #5347B5
1,79:1
Nicht bestanden
Aa
#63B6FF auf #FFE17D
1,69:1
Nicht bestanden
Aa
#FFAE4A auf #F76A23
1,62:1
Nicht bestanden
Aa
#5347B5 auf #3E77BD
1,56:1
Nicht bestanden
Aa
#3E77BD auf #F76A23
1,54:1
Nicht bestanden
Aa
#3E77BD auf #A33729
1,46:1
Nicht bestanden
Aa
#FFE17D auf #FFAE4A
1,43:1
Nicht bestanden
Aa
#63B6FF auf #F76A23
1,37:1
Nicht bestanden
Aa
#FFFDF0 auf #FFE17D
1,26:1
Nicht bestanden
Aa
#63B6FF auf #FFAE4A
1,18:1
Nicht bestanden
Aa
#5347B5 auf #A33729
1,07: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