Oil Slick
#011C03
Likes
25
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #011C03;
--c-vibrant-2: #8F3301;
--c-vibrant-3: #F22602;
--c-vibrant-4: #FF668C;
--c-vibrant-5: #025224;
--c-vibrant-6: #3A9903;
--c-vibrant-7: #D0D404;
--c-vibrant-8: #00E69D;
--c-vibrant-9: #FBFFB8;
--c-vibrant-10: #BABAD9;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Crème (#FBFFB8) bis zum dunkelsten Ton Oil Slick (#011C03). Sie vereint Oil Slick, Coffee Addiction, Rage of Quel’Danas, Berlin Pink, Lemon Balm Green, Planter, Goldzilla, Mega Teal, Crème und Lavender Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #011C03 auf #FBFFB8 mit 17,2:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Coffee Addiction
#8F3301
Rage of Quel’Danas
#F22602
Berlin Pink
#FF668C
Lemon Balm Green
#025224
Planter
#3A9903
Goldzilla
#D0D404
Mega Teal
#00E69D
Crème
#FBFFB8
Lavender Grey
#BABAD9
Kontrast & Barrierefreiheit
13 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#011C03 auf #FBFFB8
17,20:1
AAA
Aa
#011C03 auf #D0D404
11,21:1
AAA
Aa
#011C03 auf #00E69D
10,96:1
AAA
Aa
#011C03 auf #BABAD9
9,51:1
AAA
Aa
#025224 auf #FBFFB8
8,99:1
AAA
Aa
#8F3301 auf #FBFFB8
7,61:1
AAA
Aa
#011C03 auf #FF668C
6,44:1
AA
Aa
#025224 auf #D0D404
5,86:1
AA
Aa
#025224 auf #00E69D
5,73:1
AA
Aa
#025224 auf #BABAD9
4,97:1
AA
Aa
#8F3301 auf #D0D404
4,96:1
AA
Aa
#011C03 auf #3A9903
4,91:1
AA
Aa
#8F3301 auf #00E69D
4,85:1
AA
Aa
#011C03 auf #F22602
4,32:1
AA (großer Text)
Aa
#8F3301 auf #BABAD9
4,21:1
AA (großer Text)
Aa
#F22602 auf #FBFFB8
3,98:1
AA (großer Text)
Aa
#3A9903 auf #FBFFB8
3,50:1
AA (großer Text)
Aa
#FF668C auf #025224
3,37:1
AA (großer Text)
Aa
#8F3301 auf #FF668C
2,85:1
Nicht bestanden
Aa
#FF668C auf #FBFFB8
2,67:1
Nicht bestanden
Aa
#F22602 auf #D0D404
2,59:1
Nicht bestanden
Aa
#025224 auf #3A9903
2,57:1
Nicht bestanden
Aa
#F22602 auf #00E69D
2,53:1
Nicht bestanden
Aa
#3A9903 auf #D0D404
2,28:1
Nicht bestanden
Aa
#011C03 auf #8F3301
2,26:1
Nicht bestanden
Aa
#F22602 auf #025224
2,26:1
Nicht bestanden
Aa
#3A9903 auf #00E69D
2,23:1
Nicht bestanden
Aa
#F22602 auf #BABAD9
2,20:1
Nicht bestanden
Aa
#8F3301 auf #3A9903
2,17:1
Nicht bestanden
Aa
#3A9903 auf #BABAD9
1,94:1
Nicht bestanden
Aa
#011C03 auf #025224
1,91:1
Nicht bestanden
Aa
#8F3301 auf #F22602
1,91:1
Nicht bestanden
Aa
#FBFFB8 auf #BABAD9
1,81:1
Nicht bestanden
Aa
#FF668C auf #D0D404
1,74:1
Nicht bestanden
Aa
#FF668C auf #00E69D
1,70:1
Nicht bestanden
Aa
#00E69D auf #FBFFB8
1,57:1
Nicht bestanden
Aa
#D0D404 auf #FBFFB8
1,53:1
Nicht bestanden
Aa
#F22602 auf #FF668C
1,49:1
Nicht bestanden
Aa
#FF668C auf #BABAD9
1,48:1
Nicht bestanden
Aa
#FF668C auf #3A9903
1,31:1
Nicht bestanden
Aa
#8F3301 auf #025224
1,18:1
Nicht bestanden
Aa
#D0D404 auf #BABAD9
1,18:1
Nicht bestanden
Aa
#00E69D auf #BABAD9
1,15:1
Nicht bestanden
Aa
#F22602 auf #3A9903
1,14:1
Nicht bestanden
Aa
#D0D404 auf #00E69D
1,02: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