Blue Blue
#2549D1
Likes
18
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #2549D1;
--c-vibrant-2: #1B3396;
--c-vibrant-3: #000000;
--c-vibrant-4: #FCFCFC;
--c-vibrant-5: #C7FB58;
--c-vibrant-6: #1FDE91;
--c-vibrant-7: #1457F4;
--c-vibrant-8: #9114DA;
--c-vibrant-9: #E84651;
--c-vibrant-10: #F29047;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Emptiness (#FCFCFC) bis zum dunkelsten Ton Black (#000000). Sie vereint Blue Blue, North Star Blue, Black, Emptiness, Green of Bhabua, Reptile Green, Light Shōjin Blue, Violet, Watermelonade und Melon Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FCFCFC mit 20,47:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
North Star Blue
#1B3396
Black
#000000
Emptiness
#FCFCFC
Green of Bhabua
#C7FB58
Reptile Green
#1FDE91
Light Shōjin Blue
#1457F4
Violet
#9114DA
Watermelonade
#E84651
Melon Orange
#F29047
Kontrast & Barrierefreiheit
15 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FCFCFC
20,47:1
AAA
Aa
#000000 auf #C7FB58
17,37:1
AAA
Aa
#000000 auf #1FDE91
11,92:1
AAA
Aa
#1B3396 auf #FCFCFC
10,44:1
AAA
Aa
#1B3396 auf #C7FB58
8,86:1
AAA
Aa
#000000 auf #F29047
8,86:1
AAA
Aa
#2549D1 auf #FCFCFC
6,93:1
AA
Aa
#FCFCFC auf #9114DA
6,17:1
AA
Aa
#1B3396 auf #1FDE91
6,08:1
AA
Aa
#2549D1 auf #C7FB58
5,88:1
AA
Aa
#FCFCFC auf #1457F4
5,53:1
AA
Aa
#000000 auf #E84651
5,43:1
AA
Aa
#C7FB58 auf #9114DA
5,24:1
AA
Aa
#C7FB58 auf #1457F4
4,69:1
AA
Aa
#1B3396 auf #F29047
4,52:1
AA
Aa
#2549D1 auf #1FDE91
4,04:1
AA (großer Text)
Aa
#FCFCFC auf #E84651
3,77:1
AA (großer Text)
Aa
#000000 auf #1457F4
3,70:1
AA (großer Text)
Aa
#1FDE91 auf #9114DA
3,59:1
AA (großer Text)
Aa
#000000 auf #9114DA
3,32:1
AA (großer Text)
Aa
#1FDE91 auf #1457F4
3,22:1
AA (großer Text)
Aa
#C7FB58 auf #E84651
3,20:1
AA (großer Text)
Aa
#2549D1 auf #F29047
3,00:1
AA (großer Text)
Aa
#2549D1 auf #000000
2,95:1
Nicht bestanden
Aa
#1B3396 auf #E84651
2,77:1
Nicht bestanden
Aa
#9114DA auf #F29047
2,67:1
Nicht bestanden
Aa
#1457F4 auf #F29047
2,39:1
Nicht bestanden
Aa
#FCFCFC auf #F29047
2,31:1
Nicht bestanden
Aa
#1FDE91 auf #E84651
2,20:1
Nicht bestanden
Aa
#1B3396 auf #000000
1,96:1
Nicht bestanden
Aa
#C7FB58 auf #F29047
1,96:1
Nicht bestanden
Aa
#1B3396 auf #1457F4
1,89:1
Nicht bestanden
Aa
#2549D1 auf #E84651
1,84:1
Nicht bestanden
Aa
#FCFCFC auf #1FDE91
1,72:1
Nicht bestanden
Aa
#1B3396 auf #9114DA
1,69:1
Nicht bestanden
Aa
#9114DA auf #E84651
1,64:1
Nicht bestanden
Aa
#E84651 auf #F29047
1,63:1
Nicht bestanden
Aa
#2549D1 auf #1B3396
1,51:1
Nicht bestanden
Aa
#1457F4 auf #E84651
1,47:1
Nicht bestanden
Aa
#C7FB58 auf #1FDE91
1,46:1
Nicht bestanden
Aa
#1FDE91 auf #F29047
1,35:1
Nicht bestanden
Aa
#2549D1 auf #1457F4
1,25:1
Nicht bestanden
Aa
#FCFCFC auf #C7FB58
1,18:1
Nicht bestanden
Aa
#2549D1 auf #9114DA
1,12:1
Nicht bestanden
Aa
#1457F4 auf #9114DA
1,12: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