Dark Royalty
#000871
Likes
441
Farben
8
CSS-Variablen
:root {
--c-vibrant-1: #000871;
--c-vibrant-2: #8854F3;
--c-vibrant-3: #639BFF;
--c-vibrant-4: #63FFBA;
--c-vibrant-5: #FF8C5C;
--c-vibrant-6: #FF79AE;
--c-vibrant-7: #FFF982;
--c-vibrant-8: #FFFFFF;
}Über diese Palette
Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Dark Royalty (#000871). Sie vereint Dark Royalty, Pericallis Hybrida, Blue Chaos, Venice Green, Mango Orange, Erythrosine, Aged Plastic Casing und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000871 auf #FFFFFF mit 16,49:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Pericallis Hybrida
#8854F3
Blue Chaos
#639BFF
Venice Green
#63FFBA
Mango Orange
#FF8C5C
Erythrosine
#FF79AE
Aged Plastic Casing
#FFF982
White
#FFFFFF
Kontrast & Barrierefreiheit
7 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000871 auf #FFFFFF
16,49:1
AAA
Aa
#000871 auf #FFF982
15,02:1
AAA
Aa
#000871 auf #63FFBA
12,99:1
AAA
Aa
#000871 auf #FF8C5C
7,19:1
AAA
Aa
#000871 auf #FF79AE
6,75:1
AA
Aa
#000871 auf #639BFF
6,02:1
AA
Aa
#8854F3 auf #FFFFFF
4,56:1
AA
Aa
#8854F3 auf #FFF982
4,15:1
AA (großer Text)
Aa
#000871 auf #8854F3
3,62:1
AA (großer Text)
Aa
#8854F3 auf #63FFBA
3,59:1
AA (großer Text)
Aa
#639BFF auf #FFFFFF
2,74:1
Nicht bestanden
Aa
#639BFF auf #FFF982
2,50:1
Nicht bestanden
Aa
#FF79AE auf #FFFFFF
2,44:1
Nicht bestanden
Aa
#FF8C5C auf #FFFFFF
2,29:1
Nicht bestanden
Aa
#FF79AE auf #FFF982
2,22:1
Nicht bestanden
Aa
#639BFF auf #63FFBA
2,16:1
Nicht bestanden
Aa
#FF8C5C auf #FFF982
2,09:1
Nicht bestanden
Aa
#8854F3 auf #FF8C5C
1,99:1
Nicht bestanden
Aa
#63FFBA auf #FF79AE
1,92:1
Nicht bestanden
Aa
#8854F3 auf #FF79AE
1,87:1
Nicht bestanden
Aa
#63FFBA auf #FF8C5C
1,81:1
Nicht bestanden
Aa
#8854F3 auf #639BFF
1,66:1
Nicht bestanden
Aa
#63FFBA auf #FFFFFF
1,27:1
Nicht bestanden
Aa
#639BFF auf #FF8C5C
1,20:1
Nicht bestanden
Aa
#63FFBA auf #FFF982
1,16:1
Nicht bestanden
Aa
#639BFF auf #FF79AE
1,12:1
Nicht bestanden
Aa
#FFF982 auf #FFFFFF
1,10:1
Nicht bestanden
Aa
#FF8C5C auf #FF79AE
1,07:1
Nicht bestanden
Ähnliche Paletten
#FFB6B9
#FAE3D9
#BBDED6
#61C0BF
#FCD1D1
#ECE2E1
#D3E0DC
#AEE1E1
#FFE6E6
#F2D1D1
#DAEAF1
#C6DCE4
#F5EFE6
#E8DFCA
#AEBDCA
#7895B2
#96B6C5
#ADC4CE
#EEE0C9
#F1F0E8
#FEFFDE
#DDFFBC
#91C788
#52734D
#A0C49D
#C4D7B2
#E1ECC8
#F7FFE5
#618264
#79AC78
#B0D9B1
#D0E7D2