Ghost White
#FBF8FD
Likes
97
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #FBF8FD;
--c-vibrant-2: #A1A9D1;
--c-vibrant-3: #007FFF;
--c-vibrant-4: #24256F;
--c-vibrant-5: #141218;
--c-vibrant-6: #5F0E52;
--c-vibrant-7: #FD1A43;
--c-vibrant-8: #FFB16C;
--c-vibrant-9: #FEDE5B;
--c-vibrant-10: #74EAD6;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Ghost White (#FBF8FD) bis zum dunkelsten Ton Dark Void (#141218). Sie vereint Ghost White, Lilac Scent Soft Blue, Azure, After Work Blue, Dark Void, Grape Purple, Future Fuchsia, Apricot, Rodan Gold und Turquoise Chalk in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 17 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBF8FD auf #141218 mit 17,66:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Lilac Scent Soft Blue
#A1A9D1
Azure
#007FFF
After Work Blue
#24256F
Dark Void
#141218
Grape Purple
#5F0E52
Future Fuchsia
#FD1A43
Apricot
#FFB16C
Rodan Gold
#FEDE5B
Turquoise Chalk
#74EAD6
Kontrast & Barrierefreiheit
17 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FBF8FD auf #141218
17,66:1
AAA
Aa
#141218 auf #FEDE5B
14,00:1
AAA
Aa
#141218 auf #74EAD6
12,82:1
AAA
Aa
#FBF8FD auf #24256F
12,71:1
AAA
Aa
#FBF8FD auf #5F0E52
11,94:1
AAA
Aa
#141218 auf #FFB16C
10,41:1
AAA
Aa
#24256F auf #FEDE5B
10,08:1
AAA
Aa
#5F0E52 auf #FEDE5B
9,46:1
AAA
Aa
#24256F auf #74EAD6
9,23:1
AAA
Aa
#5F0E52 auf #74EAD6
8,67:1
AAA
Aa
#A1A9D1 auf #141218
8,07:1
AAA
Aa
#24256F auf #FFB16C
7,49:1
AAA
Aa
#5F0E52 auf #FFB16C
7,04:1
AAA
Aa
#A1A9D1 auf #24256F
5,81:1
AA
Aa
#A1A9D1 auf #5F0E52
5,45:1
AA
Aa
#007FFF auf #141218
4,85:1
AA
Aa
#141218 auf #FD1A43
4,79:1
AA
Aa
#FBF8FD auf #FD1A43
3,69:1
AA (großer Text)
Aa
#FBF8FD auf #007FFF
3,64:1
AA (großer Text)
Aa
#007FFF auf #24256F
3,49:1
AA (großer Text)
Aa
#24256F auf #FD1A43
3,44:1
AA (großer Text)
Aa
#007FFF auf #5F0E52
3,28:1
AA (großer Text)
Aa
#5F0E52 auf #FD1A43
3,23:1
AA (großer Text)
Aa
#FD1A43 auf #FEDE5B
2,93:1
Nicht bestanden
Aa
#007FFF auf #FEDE5B
2,89:1
Nicht bestanden
Aa
#FD1A43 auf #74EAD6
2,68:1
Nicht bestanden
Aa
#007FFF auf #74EAD6
2,64:1
Nicht bestanden
Aa
#FBF8FD auf #A1A9D1
2,19:1
Nicht bestanden
Aa
#FD1A43 auf #FFB16C
2,18:1
Nicht bestanden
Aa
#007FFF auf #FFB16C
2,15:1
Nicht bestanden
Aa
#A1A9D1 auf #FEDE5B
1,74:1
Nicht bestanden
Aa
#FBF8FD auf #FFB16C
1,70:1
Nicht bestanden
Aa
#A1A9D1 auf #FD1A43
1,69:1
Nicht bestanden
Aa
#A1A9D1 auf #007FFF
1,66:1
Nicht bestanden
Aa
#A1A9D1 auf #74EAD6
1,59:1
Nicht bestanden
Aa
#141218 auf #5F0E52
1,48:1
Nicht bestanden
Aa
#24256F auf #141218
1,39:1
Nicht bestanden
Aa
#FBF8FD auf #74EAD6
1,38:1
Nicht bestanden
Aa
#FFB16C auf #FEDE5B
1,35:1
Nicht bestanden
Aa
#A1A9D1 auf #FFB16C
1,29:1
Nicht bestanden
Aa
#FBF8FD auf #FEDE5B
1,26:1
Nicht bestanden
Aa
#FFB16C auf #74EAD6
1,23:1
Nicht bestanden
Aa
#FEDE5B auf #74EAD6
1,09:1
Nicht bestanden
Aa
#24256F auf #5F0E52
1,07:1
Nicht bestanden
Aa
#007FFF auf #FD1A43
1,01: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