Campanelle Noodle
#FCF8DB
Likes
9
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #FCF8DB;
--c-vibrant-2: #EBE0CC;
--c-vibrant-3: #FFCC00;
--c-vibrant-4: #E96C1B;
--c-vibrant-5: #A11116;
--c-vibrant-6: #9EACC7;
--c-vibrant-7: #3F76AC;
--c-vibrant-8: #323692;
--c-vibrant-9: #454543;
--c-vibrant-10: #030202;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Campanelle Noodle (#FCF8DB) bis zum dunkelsten Ton Armour Wash (#030202). Sie vereint Campanelle Noodle, Asian Fusion, USC Gold, Island Orange, Spartan Crimson, Satin Soft Blue, Blue Triumph, Perfect Dark, Ravenwood und Armour Wash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCF8DB auf #030202 mit 19,33:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Asian Fusion
#EBE0CC
USC Gold
#FFCC00
Island Orange
#E96C1B
Spartan Crimson
#A11116
Satin Soft Blue
#9EACC7
Blue Triumph
#3F76AC
Perfect Dark
#323692
Ravenwood
#454543
Armour Wash
#030202
Kontrast & Barrierefreiheit
14 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FCF8DB auf #030202
19,33:1
AAA
Aa
#EBE0CC auf #030202
15,85:1
AAA
Aa
#FFCC00 auf #030202
13,71:1
AAA
Aa
#FCF8DB auf #323692
9,43:1
AAA
Aa
#9EACC7 auf #030202
9,06:1
AAA
Aa
#FCF8DB auf #454543
8,96:1
AAA
Aa
#EBE0CC auf #323692
7,73:1
AAA
Aa
#FCF8DB auf #A11116
7,51:1
AAA
Aa
#EBE0CC auf #454543
7,35:1
AAA
Aa
#FFCC00 auf #323692
6,68:1
AA
Aa
#E96C1B auf #030202
6,54:1
AA
Aa
#FFCC00 auf #454543
6,36:1
AA
Aa
#EBE0CC auf #A11116
6,16:1
AA
Aa
#FFCC00 auf #A11116
5,33:1
AA
Aa
#FCF8DB auf #3F76AC
4,45:1
AA (großer Text)
Aa
#9EACC7 auf #323692
4,42:1
AA (großer Text)
Aa
#3F76AC auf #030202
4,34:1
AA (großer Text)
Aa
#9EACC7 auf #454543
4,20:1
AA (großer Text)
Aa
#EBE0CC auf #3F76AC
3,65:1
AA (großer Text)
Aa
#A11116 auf #9EACC7
3,52:1
AA (großer Text)
Aa
#E96C1B auf #323692
3,19:1
AA (großer Text)
Aa
#FFCC00 auf #3F76AC
3,16:1
AA (großer Text)
Aa
#E96C1B auf #454543
3,03:1
AA (großer Text)
Aa
#FCF8DB auf #E96C1B
2,96:1
Nicht bestanden
Aa
#A11116 auf #030202
2,57:1
Nicht bestanden
Aa
#E96C1B auf #A11116
2,54:1
Nicht bestanden
Aa
#EBE0CC auf #E96C1B
2,42:1
Nicht bestanden
Aa
#454543 auf #030202
2,16:1
Nicht bestanden
Aa
#FCF8DB auf #9EACC7
2,13:1
Nicht bestanden
Aa
#3F76AC auf #323692
2,12:1
Nicht bestanden
Aa
#FFCC00 auf #E96C1B
2,10:1
Nicht bestanden
Aa
#9EACC7 auf #3F76AC
2,09:1
Nicht bestanden
Aa
#323692 auf #030202
2,05:1
Nicht bestanden
Aa
#3F76AC auf #454543
2,01:1
Nicht bestanden
Aa
#EBE0CC auf #9EACC7
1,75:1
Nicht bestanden
Aa
#A11116 auf #3F76AC
1,69:1
Nicht bestanden
Aa
#FFCC00 auf #9EACC7
1,51:1
Nicht bestanden
Aa
#E96C1B auf #3F76AC
1,51:1
Nicht bestanden
Aa
#FCF8DB auf #FFCC00
1,41:1
Nicht bestanden
Aa
#E96C1B auf #9EACC7
1,39:1
Nicht bestanden
Aa
#A11116 auf #323692
1,25:1
Nicht bestanden
Aa
#FCF8DB auf #EBE0CC
1,22:1
Nicht bestanden
Aa
#A11116 auf #454543
1,19:1
Nicht bestanden
Aa
#EBE0CC auf #FFCC00
1,16:1
Nicht bestanden
Aa
#323692 auf #454543
1,05: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