Café Noir
#4C391A
Likes
18
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #4C391A;
--c-vibrant-2: #FF66D1;
--c-vibrant-3: #EF3434;
--c-vibrant-4: #5E96FF;
--c-vibrant-5: #FFF9BA;
--c-vibrant-6: #57F954;
--c-vibrant-7: #44E5A2;
--c-vibrant-8: #7242ED;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Break of Day (#FFF9BA) bis zum dunkelsten Ton Café Noir (#4C391A). Sie vereint Café Noir, Rose Pink, Sparkling Red, Blue Chaos, Break of Day, Puyo Blob Green, Mint Jelly und Bluish Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #4C391A auf #FFF9BA mit 10,23:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Rose Pink
#FF66D1
Sparkling Red
#EF3434
Blue Chaos
#5E96FF
Break of Day
#FFF9BA
Puyo Blob Green
#57F954
Mint Jelly
#44E5A2
Bluish Purple
#7242ED
Kontrast & Barrierefreiheit
4 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#4C391A auf #FFF9BA
10,23:1
AAA
Aa
#4C391A auf #57F954
7,91:1
AAA
Aa
#4C391A auf #44E5A2
6,80:1
AA
Aa
#FFF9BA auf #7242ED
5,25:1
AA
Aa
#4C391A auf #FF66D1
4,23:1
AA (großer Text)
Aa
#57F954 auf #7242ED
4,06:1
AA (großer Text)
Aa
#4C391A auf #5E96FF
3,82:1
AA (großer Text)
Aa
#EF3434 auf #FFF9BA
3,74:1
AA (großer Text)
Aa
#44E5A2 auf #7242ED
3,49:1
AA (großer Text)
Aa
#EF3434 auf #57F954
2,89:1
Nicht bestanden
Aa
#4C391A auf #EF3434
2,73:1
Nicht bestanden
Aa
#5E96FF auf #FFF9BA
2,68:1
Nicht bestanden
Aa
#EF3434 auf #44E5A2
2,49:1
Nicht bestanden
Aa
#FF66D1 auf #FFF9BA
2,42:1
Nicht bestanden
Aa
#FF66D1 auf #7242ED
2,17:1
Nicht bestanden
Aa
#5E96FF auf #57F954
2,07:1
Nicht bestanden
Aa
#5E96FF auf #7242ED
1,96:1
Nicht bestanden
Aa
#4C391A auf #7242ED
1,95:1
Nicht bestanden
Aa
#FF66D1 auf #57F954
1,87:1
Nicht bestanden
Aa
#5E96FF auf #44E5A2
1,78:1
Nicht bestanden
Aa
#FF66D1 auf #44E5A2
1,61:1
Nicht bestanden
Aa
#FF66D1 auf #EF3434
1,55:1
Nicht bestanden
Aa
#FFF9BA auf #44E5A2
1,50:1
Nicht bestanden
Aa
#EF3434 auf #5E96FF
1,40:1
Nicht bestanden
Aa
#EF3434 auf #7242ED
1,40:1
Nicht bestanden
Aa
#FFF9BA auf #57F954
1,29:1
Nicht bestanden
Aa
#57F954 auf #44E5A2
1,16:1
Nicht bestanden
Aa
#FF66D1 auf #5E96FF
1,11: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