Deep Velvet
#323348
Likes
458
Farben
11
CSS-Variablen
:root {
--c-muted-1: #323348;
--c-muted-2: #3F4873;
--c-muted-3: #4C5797;
--c-muted-4: #616FAE;
--c-muted-5: #757AB2;
--c-muted-6: #9288BD;
--c-muted-7: #A097C4;
--c-muted-8: #D9B7D8;
--c-muted-9: #FDC5C6;
--c-muted-10: #FEE7D5;
--c-muted-11: #FDFDFF;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Pale Grey (#FDFDFF) bis zum dunkelsten Ton Deep Velvet (#323348). Sie vereint Deep Velvet, Constellation Blue, Onion Skin Blue, Loch Ness, Ontario Violet, Heliotropic Mauve, Majestic Violet, French Lilac, Crystal Rose, Mood Lighting und Pale Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #323348 auf #FDFDFF mit 12,14:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Constellation Blue
#3F4873
Onion Skin Blue
#4C5797
Loch Ness
#616FAE
Ontario Violet
#757AB2
Heliotropic Mauve
#9288BD
Majestic Violet
#A097C4
French Lilac
#D9B7D8
Crystal Rose
#FDC5C6
Mood Lighting
#FEE7D5
Pale Grey
#FDFDFF
Kontrast & Barrierefreiheit
12 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#323348 auf #FDFDFF
12,14:1
AAA
Aa
#323348 auf #FEE7D5
10,34:1
AAA
Aa
#3F4873 auf #FDFDFF
8,66:1
AAA
Aa
#323348 auf #FDC5C6
8,21:1
AAA
Aa
#3F4873 auf #FEE7D5
7,38:1
AAA
Aa
#323348 auf #D9B7D8
6,88:1
AA
Aa
#4C5797 auf #FDFDFF
6,63:1
AA
Aa
#3F4873 auf #FDC5C6
5,86:1
AA
Aa
#4C5797 auf #FEE7D5
5,65:1
AA
Aa
#3F4873 auf #D9B7D8
4,91:1
AA
Aa
#616FAE auf #FDFDFF
4,71:1
AA
Aa
#323348 auf #A097C4
4,53:1
AA
Aa
#4C5797 auf #FDC5C6
4,48:1
AA (großer Text)
Aa
#616FAE auf #FEE7D5
4,01:1
AA (großer Text)
Aa
#757AB2 auf #FDFDFF
3,99:1
AA (großer Text)
Aa
#323348 auf #9288BD
3,80:1
AA (großer Text)
Aa
#4C5797 auf #D9B7D8
3,76:1
AA (großer Text)
Aa
#757AB2 auf #FEE7D5
3,40:1
AA (großer Text)
Aa
#3F4873 auf #A097C4
3,24:1
AA (großer Text)
Aa
#9288BD auf #FDFDFF
3,19:1
AA (großer Text)
Aa
#616FAE auf #FDC5C6
3,18:1
AA (großer Text)
Aa
#323348 auf #757AB2
3,04:1
AA (großer Text)
Aa
#3F4873 auf #9288BD
2,72:1
Nicht bestanden
Aa
#9288BD auf #FEE7D5
2,72:1
Nicht bestanden
Aa
#757AB2 auf #FDC5C6
2,70:1
Nicht bestanden
Aa
#A097C4 auf #FDFDFF
2,68:1
Nicht bestanden
Aa
#616FAE auf #D9B7D8
2,67:1
Nicht bestanden
Aa
#323348 auf #616FAE
2,58:1
Nicht bestanden
Aa
#4C5797 auf #A097C4
2,48:1
Nicht bestanden
Aa
#A097C4 auf #FEE7D5
2,28:1
Nicht bestanden
Aa
#757AB2 auf #D9B7D8
2,26:1
Nicht bestanden
Aa
#3F4873 auf #757AB2
2,17:1
Nicht bestanden
Aa
#9288BD auf #FDC5C6
2,16:1
Nicht bestanden
Aa
#4C5797 auf #9288BD
2,08:1
Nicht bestanden
Aa
#3F4873 auf #616FAE
1,84:1
Nicht bestanden
Aa
#323348 auf #4C5797
1,83:1
Nicht bestanden
Aa
#9288BD auf #D9B7D8
1,81:1
Nicht bestanden
Aa
#A097C4 auf #FDC5C6
1,81:1
Nicht bestanden
Aa
#616FAE auf #A097C4
1,76:1
Nicht bestanden
Aa
#D9B7D8 auf #FDFDFF
1,76:1
Nicht bestanden
Aa
#4C5797 auf #757AB2
1,66:1
Nicht bestanden
Aa
#A097C4 auf #D9B7D8
1,52:1
Nicht bestanden
Aa
#D9B7D8 auf #FEE7D5
1,50:1
Nicht bestanden
Aa
#757AB2 auf #A097C4
1,49:1
Nicht bestanden
Aa
#FDC5C6 auf #FDFDFF
1,48:1
Nicht bestanden
Aa
#616FAE auf #9288BD
1,47:1
Nicht bestanden
Aa
#4C5797 auf #616FAE
1,41:1
Nicht bestanden
Aa
#323348 auf #3F4873
1,40:1
Nicht bestanden
Aa
#3F4873 auf #4C5797
1,31:1
Nicht bestanden
Aa
#FDC5C6 auf #FEE7D5
1,26:1
Nicht bestanden
Aa
#757AB2 auf #9288BD
1,25:1
Nicht bestanden
Aa
#9288BD auf #A097C4
1,19:1
Nicht bestanden
Aa
#D9B7D8 auf #FDC5C6
1,19:1
Nicht bestanden
Aa
#616FAE auf #757AB2
1,18:1
Nicht bestanden
Aa
#FEE7D5 auf #FDFDFF
1,17:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022