Petal of a Dying Rose
#9C062C
Likes
53
Farben
11
CSS-Variablen
:root {
--c-vibrant-1: #9C062C;
--c-vibrant-2: #E0690D;
--c-vibrant-3: #FFFF61;
--c-vibrant-4: #FDFFE0;
--c-vibrant-5: #8BE615;
--c-vibrant-6: #0BBD35;
--c-vibrant-7: #0EEBD9;
--c-vibrant-8: #0075CF;
--c-vibrant-9: #3C1FAD;
--c-vibrant-10: #310340;
--c-vibrant-11: #D44696;
}Über diese Palette
Diese lebendige Palette mit 11 Farben reicht vom hellsten Ton Ceramite White (#FDFFE0) bis zum dunkelsten Ton Dark Violet (#310340). Sie vereint Petal of a Dying Rose, Tiger Moth Orange, Canary, Ceramite White, Poisonous Pistachio, Green Goblin, Bright Turquoise, Wizard Blue, Indigo Blue, Dark Violet und Kirby in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FDFFE0 auf #310340 mit 16,88:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Tiger Moth Orange
#E0690D
Canary
#FFFF61
Ceramite White
#FDFFE0
Poisonous Pistachio
#8BE615
Green Goblin
#0BBD35
Bright Turquoise
#0EEBD9
Wizard Blue
#0075CF
Indigo Blue
#3C1FAD
Dark Violet
#310340
Kirby
#D44696
Kontrast & Barrierefreiheit
15 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FDFFE0 auf #310340
16,88:1
AAA
Aa
#FFFF61 auf #310340
16,20:1
AAA
Aa
#0EEBD9 auf #310340
11,42:1
AAA
Aa
#8BE615 auf #310340
11,03:1
AAA
Aa
#FDFFE0 auf #3C1FAD
10,32:1
AAA
Aa
#FFFF61 auf #3C1FAD
9,91:1
AAA
Aa
#9C062C auf #FDFFE0
8,30:1
AAA
Aa
#9C062C auf #FFFF61
7,97:1
AAA
Aa
#0EEBD9 auf #3C1FAD
6,98:1
AA
Aa
#0BBD35 auf #310340
6,85:1
AA
Aa
#8BE615 auf #3C1FAD
6,74:1
AA
Aa
#9C062C auf #0EEBD9
5,62:1
AA
Aa
#9C062C auf #8BE615
5,42:1
AA
Aa
#E0690D auf #310340
5,09:1
AA
Aa
#FDFFE0 auf #0075CF
4,62:1
AA
Aa
#FFFF61 auf #0075CF
4,44:1
AA (großer Text)
Aa
#310340 auf #D44696
4,20:1
AA (großer Text)
Aa
#0BBD35 auf #3C1FAD
4,19:1
AA (großer Text)
Aa
#FDFFE0 auf #D44696
4,02:1
AA (großer Text)
Aa
#FFFF61 auf #D44696
3,86:1
AA (großer Text)
Aa
#0075CF auf #310340
3,65:1
AA (großer Text)
Aa
#9C062C auf #0BBD35
3,37:1
AA (großer Text)
Aa
#E0690D auf #FDFFE0
3,32:1
AA (großer Text)
Aa
#E0690D auf #FFFF61
3,18:1
AA (großer Text)
Aa
#0EEBD9 auf #0075CF
3,13:1
AA (großer Text)
Aa
#E0690D auf #3C1FAD
3,11:1
AA (großer Text)
Aa
#8BE615 auf #0075CF
3,02:1
AA (großer Text)
Aa
#0EEBD9 auf #D44696
2,72:1
Nicht bestanden
Aa
#8BE615 auf #D44696
2,62:1
Nicht bestanden
Aa
#3C1FAD auf #D44696
2,57:1
Nicht bestanden
Aa
#9C062C auf #E0690D
2,50:1
Nicht bestanden
Aa
#FDFFE0 auf #0BBD35
2,46:1
Nicht bestanden
Aa
#FFFF61 auf #0BBD35
2,36:1
Nicht bestanden
Aa
#E0690D auf #0EEBD9
2,24:1
Nicht bestanden
Aa
#0075CF auf #3C1FAD
2,23:1
Nicht bestanden
Aa
#E0690D auf #8BE615
2,17:1
Nicht bestanden
Aa
#9C062C auf #D44696
2,07:1
Nicht bestanden
Aa
#9C062C auf #310340
2,03:1
Nicht bestanden
Aa
#0BBD35 auf #0075CF
1,88:1
Nicht bestanden
Aa
#9C062C auf #0075CF
1,80:1
Nicht bestanden
Aa
#0BBD35 auf #0EEBD9
1,67:1
Nicht bestanden
Aa
#3C1FAD auf #310340
1,64:1
Nicht bestanden
Aa
#0BBD35 auf #D44696
1,63:1
Nicht bestanden
Aa
#8BE615 auf #0BBD35
1,61:1
Nicht bestanden
Aa
#FDFFE0 auf #8BE615
1,53:1
Nicht bestanden
Aa
#FDFFE0 auf #0EEBD9
1,48:1
Nicht bestanden
Aa
#FFFF61 auf #8BE615
1,47:1
Nicht bestanden
Aa
#FFFF61 auf #0EEBD9
1,42:1
Nicht bestanden
Aa
#E0690D auf #0075CF
1,39:1
Nicht bestanden
Aa
#E0690D auf #0BBD35
1,35:1
Nicht bestanden
Aa
#9C062C auf #3C1FAD
1,24:1
Nicht bestanden
Aa
#E0690D auf #D44696
1,21:1
Nicht bestanden
Aa
#0075CF auf #D44696
1,15:1
Nicht bestanden
Aa
#FFFF61 auf #FDFFE0
1,04:1
Nicht bestanden
Aa
#8BE615 auf #0EEBD9
1,04:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6