Pāua
#27234C
Likes
123
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #27234C;
--c-vibrant-2: #733C7C;
--c-vibrant-3: #B296FF;
--c-vibrant-4: #DDE4FF;
--c-vibrant-5: #D3D37C;
--c-vibrant-6: #E88DC3;
--c-vibrant-7: #F2504B;
--c-vibrant-8: #225091;
--c-vibrant-9: #007582;
--c-vibrant-10: #39B8A3;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Stoic White (#DDE4FF) bis zum dunkelsten Ton Pāua (#27234C). Sie vereint Pāua, Comtesse, Lilac Geode, Stoic White, Green Gecko, Blushed Bombshell, Pastel Strawberry, Le Grand Bleu, Deep Current und Waterfall 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 #27234C auf #DDE4FF mit 11,61:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Comtesse
#733C7C
Lilac Geode
#B296FF
Stoic White
#DDE4FF
Green Gecko
#D3D37C
Blushed Bombshell
#E88DC3
Pastel Strawberry
#F2504B
Le Grand Bleu
#225091
Deep Current
#007582
Waterfall
#39B8A3
Kontrast & Barrierefreiheit
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#27234C auf #DDE4FF
11,61:1
AAA
Aa
#27234C auf #D3D37C
9,35:1
AAA
Aa
#DDE4FF auf #225091
6,33:1
AA
Aa
#27234C auf #E88DC3
6,31:1
AA
Aa
#733C7C auf #DDE4FF
6,23:1
AA
Aa
#27234C auf #B296FF
6,08:1
AA
Aa
#27234C auf #39B8A3
5,98:1
AA
Aa
#D3D37C auf #225091
5,10:1
AA
Aa
#733C7C auf #D3D37C
5,02:1
AA
Aa
#DDE4FF auf #007582
4,30:1
AA (großer Text)
Aa
#27234C auf #F2504B
4,21:1
AA (großer Text)
Aa
#D3D37C auf #007582
3,46:1
AA (großer Text)
Aa
#E88DC3 auf #225091
3,44:1
AA (großer Text)
Aa
#733C7C auf #E88DC3
3,39:1
AA (großer Text)
Aa
#B296FF auf #225091
3,31:1
AA (großer Text)
Aa
#733C7C auf #B296FF
3,26:1
AA (großer Text)
Aa
#225091 auf #39B8A3
3,26:1
AA (großer Text)
Aa
#733C7C auf #39B8A3
3,21:1
AA (großer Text)
Aa
#DDE4FF auf #F2504B
2,76:1
Nicht bestanden
Aa
#27234C auf #007582
2,70:1
Nicht bestanden
Aa
#E88DC3 auf #007582
2,34:1
Nicht bestanden
Aa
#F2504B auf #225091
2,30:1
Nicht bestanden
Aa
#733C7C auf #F2504B
2,26:1
Nicht bestanden
Aa
#B296FF auf #007582
2,25:1
Nicht bestanden
Aa
#D3D37C auf #F2504B
2,22:1
Nicht bestanden
Aa
#007582 auf #39B8A3
2,21:1
Nicht bestanden
Aa
#DDE4FF auf #39B8A3
1,94:1
Nicht bestanden
Aa
#B296FF auf #DDE4FF
1,91:1
Nicht bestanden
Aa
#27234C auf #733C7C
1,86:1
Nicht bestanden
Aa
#DDE4FF auf #E88DC3
1,84:1
Nicht bestanden
Aa
#27234C auf #225091
1,83:1
Nicht bestanden
Aa
#D3D37C auf #39B8A3
1,56:1
Nicht bestanden
Aa
#F2504B auf #007582
1,56:1
Nicht bestanden
Aa
#B296FF auf #D3D37C
1,54:1
Nicht bestanden
Aa
#E88DC3 auf #F2504B
1,50:1
Nicht bestanden
Aa
#D3D37C auf #E88DC3
1,48:1
Nicht bestanden
Aa
#225091 auf #007582
1,47:1
Nicht bestanden
Aa
#733C7C auf #007582
1,45:1
Nicht bestanden
Aa
#B296FF auf #F2504B
1,44:1
Nicht bestanden
Aa
#F2504B auf #39B8A3
1,42:1
Nicht bestanden
Aa
#DDE4FF auf #D3D37C
1,24:1
Nicht bestanden
Aa
#E88DC3 auf #39B8A3
1,05:1
Nicht bestanden
Aa
#B296FF auf #E88DC3
1,04:1
Nicht bestanden
Aa
#733C7C auf #225091
1,02:1
Nicht bestanden
Aa
#B296FF auf #39B8A3
1,02: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