Purple Shade
#4C3052
Likes
19
Farben
10
CSS-Variablen
:root {
--c-muted-1: #4C3052;
--c-muted-2: #778AA6;
--c-muted-3: #FFFFFF;
--c-muted-4: #D4C957;
--c-muted-5: #3E9C3E;
--c-muted-6: #1F585C;
--c-muted-7: #141A54;
--c-muted-8: #000000;
--c-muted-9: #660000;
--c-muted-10: #9C5106;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Purple Shade, Starset, White, Citron, Kryptonite Green, Moonlit Pool, Tetsu-Kon Blue, Black, Red Blood und Warm Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Starset
#778AA6
White
#FFFFFF
Citron
#D4C957
Kryptonite Green
#3E9C3E
Moonlit Pool
#1F585C
Tetsu-Kon Blue
#141A54
Black
#000000
Red Blood
#660000
Warm Brown
#9C5106
Kontrast & Barrierefreiheit
15 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #000000
21,00:1
AAA
Aa
#FFFFFF auf #141A54
16,09:1
AAA
Aa
#FFFFFF auf #660000
13,42:1
AAA
Aa
#D4C957 auf #000000
12,29:1
AAA
Aa
#4C3052 auf #FFFFFF
11,34:1
AAA
Aa
#D4C957 auf #141A54
9,42:1
AAA
Aa
#FFFFFF auf #1F585C
8,05:1
AAA
Aa
#D4C957 auf #660000
7,85:1
AAA
Aa
#4C3052 auf #D4C957
6,64:1
AA
Aa
#3E9C3E auf #000000
6,03:1
AA
Aa
#778AA6 auf #000000
5,97:1
AA
Aa
#FFFFFF auf #9C5106
5,84:1
AA
Aa
#D4C957 auf #1F585C
4,71:1
AA
Aa
#3E9C3E auf #141A54
4,62:1
AA
Aa
#778AA6 auf #141A54
4,57:1
AA
Aa
#3E9C3E auf #660000
3,85:1
AA (großer Text)
Aa
#778AA6 auf #660000
3,82:1
AA (großer Text)
Aa
#000000 auf #9C5106
3,59:1
AA (großer Text)
Aa
#778AA6 auf #FFFFFF
3,52:1
AA (großer Text)
Aa
#FFFFFF auf #3E9C3E
3,48:1
AA (großer Text)
Aa
#D4C957 auf #9C5106
3,42:1
AA (großer Text)
Aa
#4C3052 auf #3E9C3E
3,26:1
AA (großer Text)
Aa
#4C3052 auf #778AA6
3,22:1
AA (großer Text)
Aa
#141A54 auf #9C5106
2,75:1
Nicht bestanden
Aa
#1F585C auf #000000
2,61:1
Nicht bestanden
Aa
#3E9C3E auf #1F585C
2,31:1
Nicht bestanden
Aa
#660000 auf #9C5106
2,30:1
Nicht bestanden
Aa
#778AA6 auf #1F585C
2,29:1
Nicht bestanden
Aa
#778AA6 auf #D4C957
2,06:1
Nicht bestanden
Aa
#D4C957 auf #3E9C3E
2,04:1
Nicht bestanden
Aa
#1F585C auf #141A54
2,00:1
Nicht bestanden
Aa
#4C3052 auf #9C5106
1,94:1
Nicht bestanden
Aa
#4C3052 auf #000000
1,85:1
Nicht bestanden
Aa
#FFFFFF auf #D4C957
1,71:1
Nicht bestanden
Aa
#3E9C3E auf #9C5106
1,68:1
Nicht bestanden
Aa
#1F585C auf #660000
1,67:1
Nicht bestanden
Aa
#778AA6 auf #9C5106
1,66:1
Nicht bestanden
Aa
#000000 auf #660000
1,56:1
Nicht bestanden
Aa
#4C3052 auf #141A54
1,42:1
Nicht bestanden
Aa
#4C3052 auf #1F585C
1,41:1
Nicht bestanden
Aa
#1F585C auf #9C5106
1,38:1
Nicht bestanden
Aa
#141A54 auf #000000
1,31:1
Nicht bestanden
Aa
#141A54 auf #660000
1,20:1
Nicht bestanden
Aa
#4C3052 auf #660000
1,18:1
Nicht bestanden
Aa
#778AA6 auf #3E9C3E
1,01: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