Cold Steel
#281E38
Likes
46
Farben
10
CSS-Variablen
:root {
--c-muted-1: #281E38;
--c-muted-2: #291D76;
--c-muted-3: #58C0A9;
--c-muted-4: #A6FFF7;
--c-muted-5: #9B86BD;
--c-muted-6: #65328F;
--c-muted-7: #B6E273;
--c-muted-8: #FBFFBC;
--c-muted-9: #9C655F;
--c-muted-10: #522A33;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Golden Hermes (#FBFFBC) bis zum dunkelsten Ton Cold Steel (#281E38). Sie vereint Cold Steel, Blue Royale, Florida Keys, Frostbite, Petrified Purple, True Purple, Melissa, Golden Hermes, Terra Cotta Sun und Black Rose 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 #281E38 auf #FBFFBC mit 15,1:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Blue Royale
#291D76
Florida Keys
#58C0A9
Frostbite
#A6FFF7
Petrified Purple
#9B86BD
True Purple
#65328F
Melissa
#B6E273
Golden Hermes
#FBFFBC
Terra Cotta Sun
#9C655F
Black Rose
#522A33
Kontrast & Barrierefreiheit
17 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#281E38 auf #FBFFBC
15,10:1
AAA
Aa
#281E38 auf #A6FFF7
13,70:1
AAA
Aa
#291D76 auf #FBFFBC
13,14:1
AAA
Aa
#291D76 auf #A6FFF7
11,93:1
AAA
Aa
#FBFFBC auf #522A33
11,59:1
AAA
Aa
#281E38 auf #B6E273
10,59:1
AAA
Aa
#A6FFF7 auf #522A33
10,51:1
AAA
Aa
#291D76 auf #B6E273
9,22:1
AAA
Aa
#65328F auf #FBFFBC
8,37:1
AAA
Aa
#B6E273 auf #522A33
8,12:1
AAA
Aa
#A6FFF7 auf #65328F
7,59:1
AAA
Aa
#281E38 auf #58C0A9
7,15:1
AAA
Aa
#291D76 auf #58C0A9
6,22:1
AA
Aa
#65328F auf #B6E273
5,87:1
AA
Aa
#58C0A9 auf #522A33
5,48:1
AA
Aa
#281E38 auf #9B86BD
4,91:1
AA
Aa
#FBFFBC auf #9C655F
4,53:1
AA
Aa
#291D76 auf #9B86BD
4,27:1
AA (großer Text)
Aa
#A6FFF7 auf #9C655F
4,11:1
AA (großer Text)
Aa
#58C0A9 auf #65328F
3,96:1
AA (großer Text)
Aa
#9B86BD auf #522A33
3,76:1
AA (großer Text)
Aa
#281E38 auf #9C655F
3,33:1
AA (großer Text)
Aa
#B6E273 auf #9C655F
3,18:1
AA (großer Text)
Aa
#9B86BD auf #FBFFBC
3,08:1
AA (großer Text)
Aa
#291D76 auf #9C655F
2,90:1
Nicht bestanden
Aa
#A6FFF7 auf #9B86BD
2,79:1
Nicht bestanden
Aa
#9B86BD auf #65328F
2,72:1
Nicht bestanden
Aa
#9C655F auf #522A33
2,56:1
Nicht bestanden
Aa
#9B86BD auf #B6E273
2,16:1
Nicht bestanden
Aa
#58C0A9 auf #9C655F
2,15:1
Nicht bestanden
Aa
#58C0A9 auf #FBFFBC
2,11:1
Nicht bestanden
Aa
#58C0A9 auf #A6FFF7
1,92:1
Nicht bestanden
Aa
#65328F auf #9C655F
1,85:1
Nicht bestanden
Aa
#281E38 auf #65328F
1,81:1
Nicht bestanden
Aa
#291D76 auf #65328F
1,57:1
Nicht bestanden
Aa
#58C0A9 auf #B6E273
1,48:1
Nicht bestanden
Aa
#9B86BD auf #9C655F
1,47:1
Nicht bestanden
Aa
#58C0A9 auf #9B86BD
1,46:1
Nicht bestanden
Aa
#B6E273 auf #FBFFBC
1,43:1
Nicht bestanden
Aa
#65328F auf #522A33
1,38:1
Nicht bestanden
Aa
#281E38 auf #522A33
1,30:1
Nicht bestanden
Aa
#A6FFF7 auf #B6E273
1,29:1
Nicht bestanden
Aa
#281E38 auf #291D76
1,15:1
Nicht bestanden
Aa
#291D76 auf #522A33
1,13:1
Nicht bestanden
Aa
#A6FFF7 auf #FBFFBC
1,10: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