Polar Glow
#5392FF
IBM Qualitative
Palette mit 10 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär
Likes
9
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #5392FF;
--c-vibrant-2: #71CDDD;
--c-vibrant-3: #34BC6E;
--c-vibrant-4: #95D13C;
--c-vibrant-5: #FFB000;
--c-vibrant-6: #FE8500;
--c-vibrant-7: #FF509E;
--c-vibrant-8: #9B82F3;
--c-vibrant-9: #000000;
--c-vibrant-10: #FFFFFF;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Polar Glow, Slick Blue, Turtle Warrior, Green Lantern, Frenzy, The New Black, Pinkella, Forgotten Purple, Black und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Slick Blue
#71CDDD
Turtle Warrior
#34BC6E
Green Lantern
#95D13C
Frenzy
#FFB000
The New Black
#FE8500
Pinkella
#FF509E
Forgotten Purple
#9B82F3
Black
#000000
White
#FFFFFF
Kontrast & Barrierefreiheit
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FFFFFF
21,00:1
AAA
Aa
#71CDDD auf #000000
11,48:1
AAA
Aa
#95D13C auf #000000
11,46:1
AAA
Aa
#FFB000 auf #000000
11,46:1
AAA
Aa
#FE8500 auf #000000
8,57:1
AAA
Aa
#34BC6E auf #000000
8,56:1
AAA
Aa
#5392FF auf #000000
6,92:1
AA
Aa
#FF509E auf #000000
6,89:1
AA
Aa
#9B82F3 auf #000000
6,88:1
AA
Aa
#FF509E auf #FFFFFF
3,05:1
AA (großer Text)
Aa
#9B82F3 auf #FFFFFF
3,05:1
AA (großer Text)
Aa
#5392FF auf #FFFFFF
3,03:1
AA (großer Text)
Aa
#34BC6E auf #FFFFFF
2,45:1
Nicht bestanden
Aa
#FE8500 auf #FFFFFF
2,45:1
Nicht bestanden
Aa
#71CDDD auf #FFFFFF
1,83:1
Nicht bestanden
Aa
#95D13C auf #FFFFFF
1,83:1
Nicht bestanden
Aa
#FFB000 auf #FFFFFF
1,83:1
Nicht bestanden
Aa
#71CDDD auf #FF509E
1,67:1
Nicht bestanden
Aa
#71CDDD auf #9B82F3
1,67:1
Nicht bestanden
Aa
#95D13C auf #9B82F3
1,67:1
Nicht bestanden
Aa
#FFB000 auf #9B82F3
1,67:1
Nicht bestanden
Aa
#5392FF auf #71CDDD
1,66:1
Nicht bestanden
Aa
#5392FF auf #95D13C
1,66:1
Nicht bestanden
Aa
#5392FF auf #FFB000
1,66:1
Nicht bestanden
Aa
#95D13C auf #FF509E
1,66:1
Nicht bestanden
Aa
#FFB000 auf #FF509E
1,66:1
Nicht bestanden
Aa
#71CDDD auf #34BC6E
1,34:1
Nicht bestanden
Aa
#71CDDD auf #FE8500
1,34:1
Nicht bestanden
Aa
#34BC6E auf #95D13C
1,34:1
Nicht bestanden
Aa
#34BC6E auf #FFB000
1,34:1
Nicht bestanden
Aa
#95D13C auf #FE8500
1,34:1
Nicht bestanden
Aa
#FFB000 auf #FE8500
1,34:1
Nicht bestanden
Aa
#FE8500 auf #9B82F3
1,25:1
Nicht bestanden
Aa
#5392FF auf #34BC6E
1,24:1
Nicht bestanden
Aa
#5392FF auf #FE8500
1,24:1
Nicht bestanden
Aa
#34BC6E auf #FF509E
1,24:1
Nicht bestanden
Aa
#34BC6E auf #9B82F3
1,24:1
Nicht bestanden
Aa
#FE8500 auf #FF509E
1,24:1
Nicht bestanden
Aa
#5392FF auf #9B82F3
1,01:1
Nicht bestanden
Aa
#5392FF auf #FF509E
1,00:1
Nicht bestanden
Aa
#71CDDD auf #95D13C
1,00:1
Nicht bestanden
Aa
#71CDDD auf #FFB000
1,00:1
Nicht bestanden
Aa
#34BC6E auf #FE8500
1,00:1
Nicht bestanden
Aa
#95D13C auf #FFB000
1,00:1
Nicht bestanden
Aa
#FF509E auf #9B82F3
1,00: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