Chocolate Melange
#300B00
Likes
11
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #300B00;
--c-vibrant-2: #66330A;
--c-vibrant-3: #9D654C;
--c-vibrant-4: #E5D6A0;
--c-vibrant-5: #1C0933;
--c-vibrant-6: #2242B2;
--c-vibrant-7: #5A8EE2;
--c-vibrant-8: #B2FFFB;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Celeste (#B2FFFB) bis zum dunkelsten Ton Middle Red Purple (#1C0933). Sie vereint Chocolate Melange, Meatloaf, Antique Copper, Early Sprout, Middle Red Purple, Denim, United Nations Blue und Celeste in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C0933 auf #B2FFFB mit 16,36:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Meatloaf
#66330A
Antique Copper
#9D654C
Early Sprout
#E5D6A0
Middle Red Purple
#1C0933
Denim
#2242B2
United Nations Blue
#5A8EE2
Celeste
#B2FFFB
Kontrast & Barrierefreiheit
10 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1C0933 auf #B2FFFB
16,36:1
AAA
Aa
#300B00 auf #B2FFFB
15,84:1
AAA
Aa
#E5D6A0 auf #1C0933
12,72:1
AAA
Aa
#300B00 auf #E5D6A0
12,32:1
AAA
Aa
#66330A auf #B2FFFB
9,10:1
AAA
Aa
#2242B2 auf #B2FFFB
7,47:1
AAA
Aa
#66330A auf #E5D6A0
7,08:1
AAA
Aa
#E5D6A0 auf #2242B2
5,81:1
AA
Aa
#1C0933 auf #5A8EE2
5,63:1
AA
Aa
#300B00 auf #5A8EE2
5,46:1
AA
Aa
#9D654C auf #B2FFFB
4,23:1
AA (großer Text)
Aa
#9D654C auf #1C0933
3,87:1
AA (großer Text)
Aa
#300B00 auf #9D654C
3,75:1
AA (großer Text)
Aa
#9D654C auf #E5D6A0
3,29:1
AA (großer Text)
Aa
#66330A auf #5A8EE2
3,13:1
AA (großer Text)
Aa
#5A8EE2 auf #B2FFFB
2,90:1
Nicht bestanden
Aa
#2242B2 auf #5A8EE2
2,57:1
Nicht bestanden
Aa
#E5D6A0 auf #5A8EE2
2,26:1
Nicht bestanden
Aa
#1C0933 auf #2242B2
2,19:1
Nicht bestanden
Aa
#66330A auf #9D654C
2,15:1
Nicht bestanden
Aa
#300B00 auf #2242B2
2,12:1
Nicht bestanden
Aa
#66330A auf #1C0933
1,80:1
Nicht bestanden
Aa
#9D654C auf #2242B2
1,77:1
Nicht bestanden
Aa
#300B00 auf #66330A
1,74:1
Nicht bestanden
Aa
#9D654C auf #5A8EE2
1,46:1
Nicht bestanden
Aa
#E5D6A0 auf #B2FFFB
1,29:1
Nicht bestanden
Aa
#66330A auf #2242B2
1,22:1
Nicht bestanden
Aa
#300B00 auf #1C0933
1,03: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