Cured Eggplant
#3A0B33
Likes
74
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #3A0B33;
--c-vibrant-2: #75285F;
--c-vibrant-3: #B32E7C;
--c-vibrant-4: #DA3C69;
--c-vibrant-5: #E86363;
--c-vibrant-6: #F58A6E;
--c-vibrant-7: #F6C78F;
--c-vibrant-8: #E6E1AD;
--c-vibrant-9: #ADCB96;
--c-vibrant-10: #4C7865;
--c-vibrant-11: #164C56;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Kiss of Lime (#E6E1AD) bis zum dunkelsten Ton Cured Eggplant (#3A0B33). Sie vereint Cured Eggplant, Byzantium, Festival Fuchsia, Raspberry Sorbet, Lovely Little Rosy, Juicy Passionfruit, Bellini Fizz, Kiss of Lime, Oh Pistachio, Hooker’s Green und Iron Teal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3A0B33 auf #E6E1AD mit 12,34:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Byzantium
#75285F
Festival Fuchsia
#B32E7C
Raspberry Sorbet
#DA3C69
Lovely Little Rosy
#E86363
Juicy Passionfruit
#F58A6E
Bellini Fizz
#F6C78F
Kiss of Lime
#E6E1AD
Oh Pistachio
#ADCB96
Hooker’s Green
#4C7865
Iron Teal
#164C56
Kontrast & Barrierefreiheit
11 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#3A0B33 auf #E6E1AD
12,34:1
AAA
Aa
#3A0B33 auf #F6C78F
10,57:1
AAA
Aa
#3A0B33 auf #ADCB96
9,22:1
AAA
Aa
#E6E1AD auf #164C56
7,15:1
AAA
Aa
#75285F auf #E6E1AD
7,07:1
AAA
Aa
#3A0B33 auf #F58A6E
6,85:1
AA
Aa
#F6C78F auf #164C56
6,12:1
AA
Aa
#75285F auf #F6C78F
6,06:1
AA
Aa
#ADCB96 auf #164C56
5,34:1
AA
Aa
#75285F auf #ADCB96
5,28:1
AA
Aa
#3A0B33 auf #E86363
5,01:1
AA
Aa
#B32E7C auf #E6E1AD
4,37:1
AA (großer Text)
Aa
#F58A6E auf #164C56
3,97:1
AA (großer Text)
Aa
#75285F auf #F58A6E
3,93:1
AA (großer Text)
Aa
#3A0B33 auf #DA3C69
3,79:1
AA (großer Text)
Aa
#E6E1AD auf #4C7865
3,76:1
AA (großer Text)
Aa
#B32E7C auf #F6C78F
3,75:1
AA (großer Text)
Aa
#3A0B33 auf #4C7865
3,28:1
AA (großer Text)
Aa
#B32E7C auf #ADCB96
3,27:1
AA (großer Text)
Aa
#DA3C69 auf #E6E1AD
3,26:1
AA (großer Text)
Aa
#F6C78F auf #4C7865
3,22:1
AA (großer Text)
Aa
#E86363 auf #164C56
2,90:1
Nicht bestanden
Aa
#75285F auf #E86363
2,87:1
Nicht bestanden
Aa
#3A0B33 auf #B32E7C
2,82:1
Nicht bestanden
Aa
#ADCB96 auf #4C7865
2,81:1
Nicht bestanden
Aa
#DA3C69 auf #F6C78F
2,79:1
Nicht bestanden
Aa
#E86363 auf #E6E1AD
2,46:1
Nicht bestanden
Aa
#B32E7C auf #F58A6E
2,43:1
Nicht bestanden
Aa
#DA3C69 auf #ADCB96
2,43:1
Nicht bestanden
Aa
#DA3C69 auf #164C56
2,19:1
Nicht bestanden
Aa
#75285F auf #DA3C69
2,17:1
Nicht bestanden
Aa
#E86363 auf #F6C78F
2,11:1
Nicht bestanden
Aa
#F58A6E auf #4C7865
2,09:1
Nicht bestanden
Aa
#4C7865 auf #164C56
1,90:1
Nicht bestanden
Aa
#75285F auf #4C7865
1,88:1
Nicht bestanden
Aa
#E86363 auf #ADCB96
1,84:1
Nicht bestanden
Aa
#DA3C69 auf #F58A6E
1,81:1
Nicht bestanden
Aa
#F58A6E auf #E6E1AD
1,80:1
Nicht bestanden
Aa
#B32E7C auf #E86363
1,78:1
Nicht bestanden
Aa
#3A0B33 auf #75285F
1,74:1
Nicht bestanden
Aa
#3A0B33 auf #164C56
1,73:1
Nicht bestanden
Aa
#B32E7C auf #164C56
1,63:1
Nicht bestanden
Aa
#75285F auf #B32E7C
1,62:1
Nicht bestanden
Aa
#F58A6E auf #F6C78F
1,54:1
Nicht bestanden
Aa
#E86363 auf #4C7865
1,53:1
Nicht bestanden
Aa
#E86363 auf #F58A6E
1,37:1
Nicht bestanden
Aa
#F58A6E auf #ADCB96
1,35:1
Nicht bestanden
Aa
#B32E7C auf #DA3C69
1,34:1
Nicht bestanden
Aa
#E6E1AD auf #ADCB96
1,34:1
Nicht bestanden
Aa
#DA3C69 auf #E86363
1,32:1
Nicht bestanden
Aa
#F6C78F auf #E6E1AD
1,17:1
Nicht bestanden
Aa
#B32E7C auf #4C7865
1,16:1
Nicht bestanden
Aa
#DA3C69 auf #4C7865
1,16:1
Nicht bestanden
Aa
#F6C78F auf #ADCB96
1,15:1
Nicht bestanden
Aa
#75285F auf #164C56
1,01: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