Metal Construction Green
#2F321B
Likes
14
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #2F321B;
--c-vibrant-2: #64472E;
--c-vibrant-3: #B56036;
--c-vibrant-4: #E25462;
--c-vibrant-5: #FCCB65;
--c-vibrant-6: #1C3ABE;
--c-vibrant-7: #45B3C3;
--c-vibrant-8: #FDAFA0;
--c-vibrant-9: #DEC69C;
--c-vibrant-10: #B4C9DE;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Qing Yellow (#FCCB65) bis zum dunkelsten Ton Metal Construction Green (#2F321B). Sie vereint Metal Construction Green, Dallas, Boho Copper, Nectarous Nectarine, Qing Yellow, Persian Blue, Glassmith, Amber Tide, So Close und Big Sur 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 #2F321B auf #FCCB65 mit 8,71:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Dallas
#64472E
Boho Copper
#B56036
Nectarous Nectarine
#E25462
Qing Yellow
#FCCB65
Persian Blue
#1C3ABE
Glassmith
#45B3C3
Amber Tide
#FDAFA0
So Close
#DEC69C
Big Sur
#B4C9DE
Kontrast & Barrierefreiheit
13 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2F321B auf #FCCB65
8,71:1
AAA
Aa
#2F321B auf #DEC69C
7,95:1
AAA
Aa
#2F321B auf #B4C9DE
7,75:1
AAA
Aa
#2F321B auf #FDAFA0
7,42:1
AAA
Aa
#FCCB65 auf #1C3ABE
5,78:1
AA
Aa
#64472E auf #FCCB65
5,59:1
AA
Aa
#2F321B auf #45B3C3
5,33:1
AA
Aa
#1C3ABE auf #DEC69C
5,28:1
AA
Aa
#1C3ABE auf #B4C9DE
5,15:1
AA
Aa
#64472E auf #DEC69C
5,10:1
AA
Aa
#64472E auf #B4C9DE
4,97:1
AA
Aa
#1C3ABE auf #FDAFA0
4,93:1
AA
Aa
#64472E auf #FDAFA0
4,76:1
AA
Aa
#2F321B auf #E25462
3,56:1
AA (großer Text)
Aa
#1C3ABE auf #45B3C3
3,54:1
AA (großer Text)
Aa
#64472E auf #45B3C3
3,42:1
AA (großer Text)
Aa
#B56036 auf #FCCB65
2,96:1
Nicht bestanden
Aa
#2F321B auf #B56036
2,94:1
Nicht bestanden
Aa
#B56036 auf #DEC69C
2,70:1
Nicht bestanden
Aa
#B56036 auf #B4C9DE
2,63:1
Nicht bestanden
Aa
#B56036 auf #FDAFA0
2,52:1
Nicht bestanden
Aa
#E25462 auf #FCCB65
2,44:1
Nicht bestanden
Aa
#E25462 auf #1C3ABE
2,37:1
Nicht bestanden
Aa
#64472E auf #E25462
2,29:1
Nicht bestanden
Aa
#E25462 auf #DEC69C
2,23:1
Nicht bestanden
Aa
#E25462 auf #B4C9DE
2,17:1
Nicht bestanden
Aa
#E25462 auf #FDAFA0
2,08:1
Nicht bestanden
Aa
#B56036 auf #1C3ABE
1,96:1
Nicht bestanden
Aa
#64472E auf #B56036
1,89:1
Nicht bestanden
Aa
#B56036 auf #45B3C3
1,81:1
Nicht bestanden
Aa
#FCCB65 auf #45B3C3
1,63:1
Nicht bestanden
Aa
#2F321B auf #64472E
1,56:1
Nicht bestanden
Aa
#2F321B auf #1C3ABE
1,51:1
Nicht bestanden
Aa
#E25462 auf #45B3C3
1,50:1
Nicht bestanden
Aa
#45B3C3 auf #DEC69C
1,49:1
Nicht bestanden
Aa
#45B3C3 auf #B4C9DE
1,45:1
Nicht bestanden
Aa
#45B3C3 auf #FDAFA0
1,39:1
Nicht bestanden
Aa
#B56036 auf #E25462
1,21:1
Nicht bestanden
Aa
#FCCB65 auf #FDAFA0
1,17:1
Nicht bestanden
Aa
#FCCB65 auf #B4C9DE
1,12:1
Nicht bestanden
Aa
#FCCB65 auf #DEC69C
1,10:1
Nicht bestanden
Aa
#FDAFA0 auf #DEC69C
1,07:1
Nicht bestanden
Aa
#FDAFA0 auf #B4C9DE
1,05:1
Nicht bestanden
Aa
#64472E auf #1C3ABE
1,04:1
Nicht bestanden
Aa
#DEC69C auf #B4C9DE
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