Barbie Pink
#FF48B0
Likes
16
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #FF48B0;
--c-vibrant-2: #FF8E91;
--c-vibrant-3: #FF6C2F;
--c-vibrant-4: #FFE800;
--c-vibrant-5: #00A95C;
--c-vibrant-6: #00AA93;
--c-vibrant-7: #0078BF;
--c-vibrant-8: #82D8D5;
--c-vibrant-9: #000000;
--c-vibrant-10: #FFFFFF;
--c-vibrant-11: #FF665E;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Barbie Pink, Cherished One, Bright Orange, Demonic Yellow, Rita Repulsa, Shindig, Roller Coaster Chariot, Sea Wave, Black, White und Pineapple Salmon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 10 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
Cherished One
#FF8E91
Bright Orange
#FF6C2F
Demonic Yellow
#FFE800
Rita Repulsa
#00A95C
Shindig
#00AA93
Roller Coaster Chariot
#0078BF
Sea Wave
#82D8D5
Black
#000000
White
#FFFFFF
Pineapple Salmon
#FF665E
Kontrast & Barrierefreiheit
10 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FFFFFF
21,00:1
AAA
Aa
#FFE800 auf #000000
16,79:1
AAA
Aa
#82D8D5 auf #000000
12,73:1
AAA
Aa
#FF8E91 auf #000000
9,53:1
AAA
Aa
#FF6C2F auf #000000
7,44:1
AAA
Aa
#000000 auf #FF665E
7,31:1
AAA
Aa
#00AA93 auf #000000
7,17:1
AAA
Aa
#00A95C auf #000000
6,83:1
AA
Aa
#FF48B0 auf #000000
6,81:1
AA
Aa
#0078BF auf #FFFFFF
4,73:1
AA
Aa
#0078BF auf #000000
4,44:1
AA (großer Text)
Aa
#FFE800 auf #0078BF
3,78:1
AA (großer Text)
Aa
#FF48B0 auf #FFFFFF
3,09:1
AA (großer Text)
Aa
#00A95C auf #FFFFFF
3,07:1
AA (großer Text)
Aa
#00AA93 auf #FFFFFF
2,93:1
Nicht bestanden
Aa
#0078BF auf #82D8D5
2,87:1
Nicht bestanden
Aa
#FFFFFF auf #FF665E
2,87:1
Nicht bestanden
Aa
#FF6C2F auf #FFFFFF
2,82:1
Nicht bestanden
Aa
#FF48B0 auf #FFE800
2,47:1
Nicht bestanden
Aa
#FFE800 auf #00A95C
2,46:1
Nicht bestanden
Aa
#FFE800 auf #00AA93
2,34:1
Nicht bestanden
Aa
#FFE800 auf #FF665E
2,30:1
Nicht bestanden
Aa
#FF6C2F auf #FFE800
2,26:1
Nicht bestanden
Aa
#FF8E91 auf #FFFFFF
2,20:1
Nicht bestanden
Aa
#FF8E91 auf #0078BF
2,15:1
Nicht bestanden
Aa
#FF48B0 auf #82D8D5
1,87:1
Nicht bestanden
Aa
#00A95C auf #82D8D5
1,86:1
Nicht bestanden
Aa
#00AA93 auf #82D8D5
1,78:1
Nicht bestanden
Aa
#FF8E91 auf #FFE800
1,76:1
Nicht bestanden
Aa
#82D8D5 auf #FF665E
1,74:1
Nicht bestanden
Aa
#FF6C2F auf #82D8D5
1,71:1
Nicht bestanden
Aa
#FF6C2F auf #0078BF
1,68:1
Nicht bestanden
Aa
#0078BF auf #FF665E
1,65:1
Nicht bestanden
Aa
#82D8D5 auf #FFFFFF
1,65:1
Nicht bestanden
Aa
#00AA93 auf #0078BF
1,62:1
Nicht bestanden
Aa
#00A95C auf #0078BF
1,54:1
Nicht bestanden
Aa
#FF48B0 auf #0078BF
1,53:1
Nicht bestanden
Aa
#FF48B0 auf #FF8E91
1,40:1
Nicht bestanden
Aa
#FF8E91 auf #00A95C
1,40:1
Nicht bestanden
Aa
#FF8E91 auf #82D8D5
1,34:1
Nicht bestanden
Aa
#FF8E91 auf #00AA93
1,33:1
Nicht bestanden
Aa
#FFE800 auf #82D8D5
1,32:1
Nicht bestanden
Aa
#FF8E91 auf #FF665E
1,30:1
Nicht bestanden
Aa
#FF8E91 auf #FF6C2F
1,28:1
Nicht bestanden
Aa
#FFE800 auf #FFFFFF
1,25:1
Nicht bestanden
Aa
#FF48B0 auf #FF6C2F
1,09:1
Nicht bestanden
Aa
#FF6C2F auf #00A95C
1,09:1
Nicht bestanden
Aa
#FF48B0 auf #FF665E
1,07:1
Nicht bestanden
Aa
#00A95C auf #FF665E
1,07:1
Nicht bestanden
Aa
#FF48B0 auf #00AA93
1,05:1
Nicht bestanden
Aa
#00A95C auf #00AA93
1,05:1
Nicht bestanden
Aa
#FF6C2F auf #00AA93
1,04:1
Nicht bestanden
Aa
#FF6C2F auf #FF665E
1,02:1
Nicht bestanden
Aa
#00AA93 auf #FF665E
1,02:1
Nicht bestanden
Aa
#FF48B0 auf #00A95C
1,00: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