Manor House
#665C56
Likes
29
Farben
5
CSS-Variablen
:root {
--c-muted-1: #665C56;
--c-muted-2: #857B7C;
--c-muted-3: #9F9F9F;
--c-muted-4: #A9B9BE;
--c-muted-5: #BECBEB;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Cuddle (#BECBEB) bis zum dunkelsten Ton Manor House (#665C56). Sie vereint Manor House, Sensuous Grey, Cold Grey, Lagoon Reflection und Cuddle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Sensuous Grey
#857B7C
Cold Grey
#9F9F9F
Lagoon Reflection
#A9B9BE
Cuddle
#BECBEB
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#665C56 auf #BECBEB
4,00:1
AA (großer Text)
Aa
#665C56 auf #A9B9BE
3,21:1
AA (großer Text)
Aa
#857B7C auf #BECBEB
2,52:1
Nicht bestanden
Aa
#665C56 auf #9F9F9F
2,46:1
Nicht bestanden
Aa
#857B7C auf #A9B9BE
2,02:1
Nicht bestanden
Aa
#9F9F9F auf #BECBEB
1,63:1
Nicht bestanden
Aa
#665C56 auf #857B7C
1,59:1
Nicht bestanden
Aa
#857B7C auf #9F9F9F
1,55:1
Nicht bestanden
Aa
#9F9F9F auf #A9B9BE
1,31:1
Nicht bestanden
Aa
#A9B9BE auf #BECBEB
1,25: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