Tanzanian Gold
#FAD414
Likes
13
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #FAD414;
--c-vibrant-2: #F2E18C;
--c-vibrant-3: #EEF0D3;
--c-vibrant-4: #F0A47A;
--c-vibrant-5: #A62142;
--c-vibrant-6: #572340;
--c-vibrant-7: #13041F;
--c-vibrant-8: #023012;
--c-vibrant-9: #095C46;
--c-vibrant-10: #4F9E76;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Giggle (#EEF0D3) bis zum dunkelsten Ton Election Night (#13041F). Sie vereint Tanzanian Gold, Late Day Sun, Giggle, Coral Silk, True Crimson, Zinfandel, Election Night, Prasinophobia, Forest Shadows und Sea Cabbage in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EEF0D3 auf #13041F mit 16,94:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Late Day Sun
#F2E18C
Giggle
#EEF0D3
Coral Silk
#F0A47A
True Crimson
#A62142
Zinfandel
#572340
Election Night
#13041F
Prasinophobia
#023012
Forest Shadows
#095C46
Sea Cabbage
#4F9E76
Kontrast & Barrierefreiheit
20 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#EEF0D3 auf #13041F
16,94:1
AAA
Aa
#F2E18C auf #13041F
14,95:1
AAA
Aa
#FAD414 auf #13041F
13,61:1
AAA
Aa
#EEF0D3 auf #023012
12,58:1
AAA
Aa
#F2E18C auf #023012
11,10:1
AAA
Aa
#EEF0D3 auf #572340
10,49:1
AAA
Aa
#FAD414 auf #023012
10,11:1
AAA
Aa
#F0A47A auf #13041F
9,67:1
AAA
Aa
#F2E18C auf #572340
9,26:1
AAA
Aa
#FAD414 auf #572340
8,43:1
AAA
Aa
#F0A47A auf #023012
7,18:1
AAA
Aa
#EEF0D3 auf #095C46
6,86:1
AA
Aa
#EEF0D3 auf #A62142
6,18:1
AA
Aa
#13041F auf #4F9E76
6,09:1
AA
Aa
#F2E18C auf #095C46
6,05:1
AA
Aa
#F0A47A auf #572340
5,99:1
AA
Aa
#FAD414 auf #095C46
5,51:1
AA
Aa
#F2E18C auf #A62142
5,46:1
AA
Aa
#FAD414 auf #A62142
4,97:1
AA
Aa
#023012 auf #4F9E76
4,52:1
AA
Aa
#F0A47A auf #095C46
3,91:1
AA (großer Text)
Aa
#572340 auf #4F9E76
3,77:1
AA (großer Text)
Aa
#F0A47A auf #A62142
3,53:1
AA (großer Text)
Aa
#EEF0D3 auf #4F9E76
2,78:1
Nicht bestanden
Aa
#A62142 auf #13041F
2,74:1
Nicht bestanden
Aa
#13041F auf #095C46
2,47:1
Nicht bestanden
Aa
#F2E18C auf #4F9E76
2,46:1
Nicht bestanden
Aa
#095C46 auf #4F9E76
2,46:1
Nicht bestanden
Aa
#FAD414 auf #4F9E76
2,23:1
Nicht bestanden
Aa
#A62142 auf #4F9E76
2,22:1
Nicht bestanden
Aa
#A62142 auf #023012
2,03:1
Nicht bestanden
Aa
#023012 auf #095C46
1,83:1
Nicht bestanden
Aa
#EEF0D3 auf #F0A47A
1,75:1
Nicht bestanden
Aa
#A62142 auf #572340
1,70:1
Nicht bestanden
Aa
#572340 auf #13041F
1,61:1
Nicht bestanden
Aa
#F0A47A auf #4F9E76
1,59:1
Nicht bestanden
Aa
#F2E18C auf #F0A47A
1,55:1
Nicht bestanden
Aa
#572340 auf #095C46
1,53:1
Nicht bestanden
Aa
#FAD414 auf #F0A47A
1,41:1
Nicht bestanden
Aa
#13041F auf #023012
1,35:1
Nicht bestanden
Aa
#FAD414 auf #EEF0D3
1,24:1
Nicht bestanden
Aa
#572340 auf #023012
1,20:1
Nicht bestanden
Aa
#F2E18C auf #EEF0D3
1,13:1
Nicht bestanden
Aa
#A62142 auf #095C46
1,11:1
Nicht bestanden
Aa
#FAD414 auf #F2E18C
1,10: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