Registrieren Registrieren
Canvas Krampus

Canvas Krampus

Palette mit 12 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Canvas Krampus

Palette mit 12 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Komplementär muted winter freezing
Likes 50
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #AFB8C5;
  --c-muted-2: #7DA7B1;
  --c-muted-3: #607E99;
  --c-muted-4: #4A567F;
  --c-muted-5: #619358;
  --c-muted-6: #396845;
  --c-muted-7: #2B453A;
  --c-muted-8: #BCA66C;
  --c-muted-9: #B46D49;
  --c-muted-10: #A3413B;
  --c-muted-11: #8C2836;
  --c-muted-12: #3F2A49;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Brother Blue (#AFB8C5) bis zum dunkelsten Ton Jagger (#3F2A49). Sie vereint Brother Blue, Inner Sanctum, Indigo Dreams, Mozart, Irish Charm, Forest Serenade, Mushiao Green, Southern Moss, Thanksgiving, Tomato Slices, Thrill Ride und Jagger in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #AFB8C5 auf #3F2A49 mit 6,4:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Brother Blue #AFB8C5
RGB
rgb(175, 184, 197)
HSL
hsl(215, 16%, 73%)
Luminanz
0,474
Inner Sanctum #7DA7B1
RGB
rgb(125, 167, 177)
HSL
hsl(192, 25%, 59%)
Luminanz
0,352
Indigo Dreams #607E99
RGB
rgb(96, 126, 153)
HSL
hsl(208, 23%, 49%)
Luminanz
0,197
Mozart #4A567F
RGB
rgb(74, 86, 127)
HSL
hsl(226, 26%, 39%)
Luminanz
0,096
Irish Charm #619358
RGB
rgb(97, 147, 88)
HSL
hsl(111, 25%, 46%)
Luminanz
0,241
Forest Serenade #396845
RGB
rgb(57, 104, 69)
HSL
hsl(135, 29%, 32%)
Luminanz
0,112
Mushiao Green #2B453A
RGB
rgb(43, 69, 58)
HSL
hsl(155, 23%, 22%)
Luminanz
0,051
Southern Moss #BCA66C
RGB
rgb(188, 166, 108)
HSL
hsl(44, 37%, 58%)
Luminanz
0,391
Thanksgiving #B46D49
RGB
rgb(180, 109, 73)
HSL
hsl(20, 42%, 50%)
Luminanz
0,211
Tomato Slices #A3413B
RGB
rgb(163, 65, 59)
HSL
hsl(3, 47%, 44%)
Luminanz
0,119
Thrill Ride #8C2836
RGB
rgb(140, 40, 54)
HSL
hsl(352, 56%, 35%)
Luminanz
0,074
Jagger #3F2A49
RGB
rgb(63, 42, 73)
HSL
hsl(281, 27%, 23%)
Luminanz
0,032

Kontrast & Barrierefreiheit

4 von 66 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #AFB8C5 auf #3F2A49 6,40:1 AA
Aa #BCA66C auf #3F2A49 5,38:1 AA
Aa #AFB8C5 auf #2B453A 5,20:1 AA
Aa #7DA7B1 auf #3F2A49 4,90:1 AA
Aa #2B453A auf #BCA66C 4,37:1 AA (großer Text)
Aa #AFB8C5 auf #8C2836 4,24:1 AA (großer Text)
Aa #7DA7B1 auf #2B453A 3,99:1 AA (großer Text)
Aa #AFB8C5 auf #4A567F 3,58:1 AA (großer Text)
Aa #BCA66C auf #8C2836 3,56:1 AA (großer Text)
Aa #619358 auf #3F2A49 3,55:1 AA (großer Text)
Aa #7DA7B1 auf #8C2836 3,25:1 AA (großer Text)
Aa #AFB8C5 auf #396845 3,24:1 AA (großer Text)
Aa #B46D49 auf #3F2A49 3,19:1 AA (großer Text)
Aa #AFB8C5 auf #A3413B 3,11:1 AA (großer Text)
Aa #607E99 auf #3F2A49 3,02:1 AA (großer Text)
Aa #4A567F auf #BCA66C 3,01:1 AA (großer Text)
Aa #619358 auf #2B453A 2,89:1 Nicht bestanden
Aa #7DA7B1 auf #4A567F 2,74:1 Nicht bestanden
Aa #396845 auf #BCA66C 2,72:1 Nicht bestanden
Aa #BCA66C auf #A3413B 2,61:1 Nicht bestanden
Aa #2B453A auf #B46D49 2,59:1 Nicht bestanden
Aa #7DA7B1 auf #396845 2,48:1 Nicht bestanden
Aa #607E99 auf #2B453A 2,45:1 Nicht bestanden
Aa #7DA7B1 auf #A3413B 2,38:1 Nicht bestanden
Aa #619358 auf #8C2836 2,36:1 Nicht bestanden
Aa #AFB8C5 auf #607E99 2,12:1 Nicht bestanden
Aa #B46D49 auf #8C2836 2,11:1 Nicht bestanden
Aa #A3413B auf #3F2A49 2,06:1 Nicht bestanden
Aa #AFB8C5 auf #B46D49 2,01:1 Nicht bestanden
Aa #607E99 auf #8C2836 2,00:1 Nicht bestanden
Aa #4A567F auf #619358 1,99:1 Nicht bestanden
Aa #396845 auf #3F2A49 1,98:1 Nicht bestanden
Aa #AFB8C5 auf #619358 1,80:1 Nicht bestanden
Aa #619358 auf #396845 1,80:1 Nicht bestanden
Aa #4A567F auf #3F2A49 1,79:1 Nicht bestanden
Aa #607E99 auf #BCA66C 1,78:1 Nicht bestanden
Aa #4A567F auf #B46D49 1,78:1 Nicht bestanden
Aa #619358 auf #A3413B 1,72:1 Nicht bestanden
Aa #607E99 auf #4A567F 1,69:1 Nicht bestanden
Aa #BCA66C auf #B46D49 1,69:1 Nicht bestanden
Aa #2B453A auf #A3413B 1,68:1 Nicht bestanden
Aa #7DA7B1 auf #607E99 1,63:1 Nicht bestanden
Aa #396845 auf #2B453A 1,61:1 Nicht bestanden
Aa #396845 auf #B46D49 1,61:1 Nicht bestanden
Aa #B46D49 auf #A3413B 1,55:1 Nicht bestanden
Aa #7DA7B1 auf #B46D49 1,54:1 Nicht bestanden
Aa #607E99 auf #396845 1,53:1 Nicht bestanden
Aa #619358 auf #BCA66C 1,51:1 Nicht bestanden
Aa #8C2836 auf #3F2A49 1,51:1 Nicht bestanden
Aa #607E99 auf #A3413B 1,46:1 Nicht bestanden
Aa #4A567F auf #2B453A 1,45:1 Nicht bestanden
Aa #7DA7B1 auf #619358 1,38:1 Nicht bestanden
Aa #A3413B auf #8C2836 1,37:1 Nicht bestanden
Aa #AFB8C5 auf #7DA7B1 1,31:1 Nicht bestanden
Aa #396845 auf #8C2836 1,31:1 Nicht bestanden
Aa #2B453A auf #8C2836 1,23:1 Nicht bestanden
Aa #2B453A auf #3F2A49 1,23:1 Nicht bestanden
Aa #AFB8C5 auf #BCA66C 1,19:1 Nicht bestanden
Aa #607E99 auf #619358 1,18:1 Nicht bestanden
Aa #4A567F auf #8C2836 1,18:1 Nicht bestanden
Aa #4A567F auf #A3413B 1,15:1 Nicht bestanden
Aa #4A567F auf #396845 1,11:1 Nicht bestanden
Aa #619358 auf #B46D49 1,11:1 Nicht bestanden
Aa #7DA7B1 auf #BCA66C 1,10:1 Nicht bestanden
Aa #607E99 auf #B46D49 1,06:1 Nicht bestanden
Aa #396845 auf #A3413B 1,04:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben