Bachelor Blue
#8EABC8
Likes
171
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #8EABC8;
--c-vibrant-2: #687DCB;
--c-vibrant-3: #7638BD;
--c-vibrant-4: #92199D;
--c-vibrant-5: #9A57B4;
--c-vibrant-6: #F25E93;
--c-vibrant-7: #F592AC;
--c-vibrant-8: #FAB390;
--c-vibrant-9: #FBC9B9;
--c-vibrant-10: #FBFDB6;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Lamenters Yellow (#FBFDB6) bis zum dunkelsten Ton Violet Eggplant (#92199D). Sie vereint Bachelor Blue, Indigo Light, Purple Rain, Violet Eggplant, Liberal Lilac, Medium Pink, Astilbe, Desert Sunrise, Ending Dawn und Lamenters Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #92199D auf #FBFDB6 mit 6,96:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Indigo Light
#687DCB
Purple Rain
#7638BD
Violet Eggplant
#92199D
Liberal Lilac
#9A57B4
Medium Pink
#F25E93
Astilbe
#F592AC
Desert Sunrise
#FAB390
Ending Dawn
#FBC9B9
Lamenters Yellow
#FBFDB6
Kontrast & Barrierefreiheit
5 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#92199D auf #FBFDB6
6,96:1
AA
Aa
#7638BD auf #FBFDB6
6,46:1
AA
Aa
#92199D auf #FBC9B9
4,97:1
AA
Aa
#7638BD auf #FBC9B9
4,61:1
AA
Aa
#9A57B4 auf #FBFDB6
4,51:1
AA
Aa
#92199D auf #FAB390
4,18:1
AA (großer Text)
Aa
#7638BD auf #FAB390
3,88:1
AA (großer Text)
Aa
#687DCB auf #FBFDB6
3,68:1
AA (großer Text)
Aa
#92199D auf #F592AC
3,37:1
AA (großer Text)
Aa
#9A57B4 auf #FBC9B9
3,22:1
AA (großer Text)
Aa
#7638BD auf #F592AC
3,12:1
AA (großer Text)
Aa
#8EABC8 auf #92199D
3,09:1
AA (großer Text)
Aa
#F25E93 auf #FBFDB6
2,92:1
Nicht bestanden
Aa
#8EABC8 auf #7638BD
2,87:1
Nicht bestanden
Aa
#9A57B4 auf #FAB390
2,71:1
Nicht bestanden
Aa
#687DCB auf #FBC9B9
2,63:1
Nicht bestanden
Aa
#92199D auf #F25E93
2,39:1
Nicht bestanden
Aa
#8EABC8 auf #FBFDB6
2,25:1
Nicht bestanden
Aa
#687DCB auf #FAB390
2,21:1
Nicht bestanden
Aa
#7638BD auf #F25E93
2,21:1
Nicht bestanden
Aa
#9A57B4 auf #F592AC
2,18:1
Nicht bestanden
Aa
#F25E93 auf #FBC9B9
2,08:1
Nicht bestanden
Aa
#F592AC auf #FBFDB6
2,07:1
Nicht bestanden
Aa
#8EABC8 auf #9A57B4
2,00:1
Nicht bestanden
Aa
#687DCB auf #92199D
1,89:1
Nicht bestanden
Aa
#687DCB auf #F592AC
1,78:1
Nicht bestanden
Aa
#687DCB auf #7638BD
1,75:1
Nicht bestanden
Aa
#F25E93 auf #FAB390
1,75:1
Nicht bestanden
Aa
#FAB390 auf #FBFDB6
1,66:1
Nicht bestanden
Aa
#8EABC8 auf #687DCB
1,64:1
Nicht bestanden
Aa
#8EABC8 auf #FBC9B9
1,61:1
Nicht bestanden
Aa
#9A57B4 auf #F25E93
1,55:1
Nicht bestanden
Aa
#92199D auf #9A57B4
1,54:1
Nicht bestanden
Aa
#F592AC auf #FBC9B9
1,48:1
Nicht bestanden
Aa
#7638BD auf #9A57B4
1,43:1
Nicht bestanden
Aa
#F25E93 auf #F592AC
1,41:1
Nicht bestanden
Aa
#FBC9B9 auf #FBFDB6
1,40:1
Nicht bestanden
Aa
#8EABC8 auf #FAB390
1,35:1
Nicht bestanden
Aa
#8EABC8 auf #F25E93
1,30:1
Nicht bestanden
Aa
#687DCB auf #F25E93
1,26:1
Nicht bestanden
Aa
#F592AC auf #FAB390
1,24:1
Nicht bestanden
Aa
#687DCB auf #9A57B4
1,22:1
Nicht bestanden
Aa
#FAB390 auf #FBC9B9
1,19:1
Nicht bestanden
Aa
#8EABC8 auf #F592AC
1,09:1
Nicht bestanden
Aa
#7638BD auf #92199D
1,08: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