Hollow Knight
#2C0054
Likes
25
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #2C0054;
--c-vibrant-2: #5B327D;
--c-vibrant-3: #04517D;
--c-vibrant-4: #388CDD;
--c-vibrant-5: #38E46D;
--c-vibrant-6: #389F51;
--c-vibrant-7: #FFFF8C;
--c-vibrant-8: #FFB82C;
--c-vibrant-9: #FF546A;
--c-vibrant-10: #BE166A;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Cinque Foil (#FFFF8C) bis zum dunkelsten Ton Hollow Knight (#2C0054). Sie vereint Hollow Knight, Foggy Amethyst, China Seas, Bleu de France, Acid Pops, Formal Garden, Cinque Foil, Extreme Yellow, Festive Fennec und Spiced Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C0054 auf #FFFF8C mit 16,14:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Foggy Amethyst
#5B327D
China Seas
#04517D
Bleu de France
#388CDD
Acid Pops
#38E46D
Formal Garden
#389F51
Cinque Foil
#FFFF8C
Extreme Yellow
#FFB82C
Festive Fennec
#FF546A
Spiced Purple
#BE166A
Kontrast & Barrierefreiheit
13 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2C0054 auf #FFFF8C
16,14:1
AAA
Aa
#2C0054 auf #38E46D
10,11:1
AAA
Aa
#2C0054 auf #FFB82C
9,83:1
AAA
Aa
#5B327D auf #FFFF8C
9,07:1
AAA
Aa
#04517D auf #FFFF8C
8,04:1
AAA
Aa
#5B327D auf #38E46D
5,68:1
AA
Aa
#FFFF8C auf #BE166A
5,68:1
AA
Aa
#5B327D auf #FFB82C
5,53:1
AA
Aa
#2C0054 auf #FF546A
5,45:1
AA
Aa
#2C0054 auf #389F51
5,06:1
AA
Aa
#04517D auf #38E46D
5,04:1
AA
Aa
#04517D auf #FFB82C
4,90:1
AA
Aa
#2C0054 auf #388CDD
4,83:1
AA
Aa
#38E46D auf #BE166A
3,56:1
AA (großer Text)
Aa
#FFB82C auf #BE166A
3,46:1
AA (großer Text)
Aa
#388CDD auf #FFFF8C
3,34:1
AA (großer Text)
Aa
#389F51 auf #FFFF8C
3,19:1
AA (großer Text)
Aa
#5B327D auf #FF546A
3,06:1
AA (großer Text)
Aa
#FFFF8C auf #FF546A
2,96:1
Nicht bestanden
Aa
#2C0054 auf #BE166A
2,84:1
Nicht bestanden
Aa
#5B327D auf #389F51
2,84:1
Nicht bestanden
Aa
#5B327D auf #388CDD
2,71:1
Nicht bestanden
Aa
#04517D auf #FF546A
2,71:1
Nicht bestanden
Aa
#04517D auf #389F51
2,52:1
Nicht bestanden
Aa
#04517D auf #388CDD
2,41:1
Nicht bestanden
Aa
#388CDD auf #38E46D
2,09:1
Nicht bestanden
Aa
#388CDD auf #FFB82C
2,04:1
Nicht bestanden
Aa
#2C0054 auf #04517D
2,01:1
Nicht bestanden
Aa
#38E46D auf #389F51
2,00:1
Nicht bestanden
Aa
#389F51 auf #FFB82C
1,94:1
Nicht bestanden
Aa
#FF546A auf #BE166A
1,92:1
Nicht bestanden
Aa
#38E46D auf #FF546A
1,86:1
Nicht bestanden
Aa
#FFB82C auf #FF546A
1,81:1
Nicht bestanden
Aa
#2C0054 auf #5B327D
1,78:1
Nicht bestanden
Aa
#389F51 auf #BE166A
1,78:1
Nicht bestanden
Aa
#388CDD auf #BE166A
1,70:1
Nicht bestanden
Aa
#FFFF8C auf #FFB82C
1,64:1
Nicht bestanden
Aa
#5B327D auf #BE166A
1,60:1
Nicht bestanden
Aa
#38E46D auf #FFFF8C
1,60:1
Nicht bestanden
Aa
#04517D auf #BE166A
1,42:1
Nicht bestanden
Aa
#5B327D auf #04517D
1,13:1
Nicht bestanden
Aa
#388CDD auf #FF546A
1,13:1
Nicht bestanden
Aa
#389F51 auf #FF546A
1,08:1
Nicht bestanden
Aa
#388CDD auf #389F51
1,05:1
Nicht bestanden
Aa
#38E46D auf #FFB82C
1,03:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022