Registrieren Registrieren
SAWBUZZ 12

SAWBUZZ 12

Palette mit 12 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

SAWBUZZ 12

Palette mit 12 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Gedeckt 12 Farben Kühl Dunkel Analog grey machine desturated
Likes 14
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #111219;
  --c-muted-2: #1E2C31;
  --c-muted-3: #2B3A33;
  --c-muted-4: #335153;
  --c-muted-5: #3F5243;
  --c-muted-6: #4D5E4A;
  --c-muted-7: #282840;
  --c-muted-8: #35394E;
  --c-muted-9: #414C5B;
  --c-muted-10: #32231C;
  --c-muted-11: #433322;
  --c-muted-12: #564B29;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Fresh Pine (#4D5E4A) bis zum dunkelsten Ton Black Is Back (#111219). Sie vereint Black Is Back, Infinity, Tetsu Black, Blue Dianne, Pine Forest, Fresh Pine, Valhalla, Old Mill, Cavalry, Kenpōzome Black, Iroko und Codium Fragile in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 66 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

Black Is Back #111219
RGB
rgb(17, 18, 25)
HSL
hsl(233, 19%, 8%)
Luminanz
0,006
Infinity #1E2C31
RGB
rgb(30, 44, 49)
HSL
hsl(196, 24%, 15%)
Luminanz
0,023
Tetsu Black #2B3A33
RGB
rgb(43, 58, 51)
HSL
hsl(152, 15%, 20%)
Luminanz
0,038
Blue Dianne #335153
RGB
rgb(51, 81, 83)
HSL
hsl(184, 24%, 26%)
Luminanz
0,072
Pine Forest #3F5243
RGB
rgb(63, 82, 67)
HSL
hsl(133, 13%, 28%)
Luminanz
0,075
Fresh Pine #4D5E4A
RGB
rgb(77, 94, 74)
HSL
hsl(111, 12%, 33%)
Luminanz
0,101
Valhalla #282840
RGB
rgb(40, 40, 64)
HSL
hsl(240, 23%, 20%)
Luminanz
0,023
Old Mill #35394E
RGB
rgb(53, 57, 78)
HSL
hsl(230, 19%, 26%)
Luminanz
0,042
Cavalry #414C5B
RGB
rgb(65, 76, 91)
HSL
hsl(215, 17%, 31%)
Luminanz
0,071
Kenpōzome Black #32231C
RGB
rgb(50, 35, 28)
HSL
hsl(19, 28%, 15%)
Luminanz
0,020
Iroko #433322
RGB
rgb(67, 51, 34)
HSL
hsl(31, 33%, 20%)
Luminanz
0,037
Codium Fragile #564B29
RGB
rgb(86, 75, 41)
HSL
hsl(45, 35%, 25%)
Luminanz
0,072

Kontrast & Barrierefreiheit

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

Aa #111219 auf #4D5E4A 2,68:1 Nicht bestanden
Aa #111219 auf #3F5243 2,22:1 Nicht bestanden
Aa #111219 auf #335153 2,17:1 Nicht bestanden
Aa #4D5E4A auf #32231C 2,17:1 Nicht bestanden
Aa #111219 auf #564B29 2,16:1 Nicht bestanden
Aa #111219 auf #414C5B 2,14:1 Nicht bestanden
Aa #1E2C31 auf #4D5E4A 2,07:1 Nicht bestanden
Aa #4D5E4A auf #282840 2,05:1 Nicht bestanden
Aa #3F5243 auf #32231C 1,79:1 Nicht bestanden
Aa #335153 auf #32231C 1,75:1 Nicht bestanden
Aa #32231C auf #564B29 1,75:1 Nicht bestanden
Aa #4D5E4A auf #433322 1,74:1 Nicht bestanden
Aa #414C5B auf #32231C 1,73:1 Nicht bestanden
Aa #2B3A33 auf #4D5E4A 1,72:1 Nicht bestanden
Aa #1E2C31 auf #3F5243 1,71:1 Nicht bestanden
Aa #3F5243 auf #282840 1,70:1 Nicht bestanden
Aa #1E2C31 auf #335153 1,67:1 Nicht bestanden
Aa #1E2C31 auf #564B29 1,67:1 Nicht bestanden
Aa #335153 auf #282840 1,66:1 Nicht bestanden
Aa #282840 auf #564B29 1,66:1 Nicht bestanden
Aa #1E2C31 auf #414C5B 1,65:1 Nicht bestanden
Aa #111219 auf #35394E 1,64:1 Nicht bestanden
Aa #282840 auf #414C5B 1,64:1 Nicht bestanden
Aa #4D5E4A auf #35394E 1,63:1 Nicht bestanden
Aa #111219 auf #2B3A33 1,56:1 Nicht bestanden
Aa #111219 auf #433322 1,54:1 Nicht bestanden
Aa #3F5243 auf #433322 1,44:1 Nicht bestanden
Aa #2B3A33 auf #3F5243 1,42:1 Nicht bestanden
Aa #335153 auf #433322 1,41:1 Nicht bestanden
Aa #433322 auf #564B29 1,40:1 Nicht bestanden
Aa #2B3A33 auf #335153 1,39:1 Nicht bestanden
Aa #2B3A33 auf #564B29 1,39:1 Nicht bestanden
Aa #414C5B auf #433322 1,39:1 Nicht bestanden
Aa #2B3A33 auf #414C5B 1,37:1 Nicht bestanden
Aa #3F5243 auf #35394E 1,35:1 Nicht bestanden
Aa #35394E auf #32231C 1,33:1 Nicht bestanden
Aa #335153 auf #35394E 1,32:1 Nicht bestanden
Aa #35394E auf #564B29 1,32:1 Nicht bestanden
Aa #111219 auf #282840 1,31:1 Nicht bestanden
Aa #111219 auf #1E2C31 1,30:1 Nicht bestanden
Aa #35394E auf #414C5B 1,30:1 Nicht bestanden
Aa #1E2C31 auf #35394E 1,26:1 Nicht bestanden
Aa #2B3A33 auf #32231C 1,26:1 Nicht bestanden
Aa #282840 auf #35394E 1,26:1 Nicht bestanden
Aa #4D5E4A auf #414C5B 1,25:1 Nicht bestanden
Aa #32231C auf #433322 1,25:1 Nicht bestanden
Aa #111219 auf #32231C 1,24:1 Nicht bestanden
Aa #4D5E4A auf #564B29 1,24:1 Nicht bestanden
Aa #335153 auf #4D5E4A 1,23:1 Nicht bestanden
Aa #3F5243 auf #4D5E4A 1,21:1 Nicht bestanden
Aa #1E2C31 auf #2B3A33 1,20:1 Nicht bestanden
Aa #2B3A33 auf #282840 1,20:1 Nicht bestanden
Aa #1E2C31 auf #433322 1,19:1 Nicht bestanden
Aa #282840 auf #433322 1,18:1 Nicht bestanden
Aa #35394E auf #433322 1,06:1 Nicht bestanden
Aa #1E2C31 auf #32231C 1,05:1 Nicht bestanden
Aa #2B3A33 auf #35394E 1,05:1 Nicht bestanden
Aa #282840 auf #32231C 1,05:1 Nicht bestanden
Aa #3F5243 auf #414C5B 1,04:1 Nicht bestanden
Aa #3F5243 auf #564B29 1,03:1 Nicht bestanden
Aa #335153 auf #3F5243 1,02:1 Nicht bestanden
Aa #1E2C31 auf #282840 1,01:1 Nicht bestanden
Aa #2B3A33 auf #433322 1,01:1 Nicht bestanden
Aa #335153 auf #414C5B 1,01:1 Nicht bestanden
Aa #414C5B auf #564B29 1,01:1 Nicht bestanden
Aa #335153 auf #564B29 1,00:1 Nicht bestanden

Ähnliche Paletten

#212121 #323232 #0D7377 #14FFEC
4 Farben
#0A2647 #144272 #205295 #2C74B3
4 Farben
#040D12 #183D3D #5C8374 #93B1A6
4 Farben
#142850 #27496D #0C7B93 #00A8CC
4 Farben
#635985 #443C68 #393053 #18122B
4 Farben
#000000 #150050 #3F0071 #610094
4 Farben
#151515 #301B3F #3C415C #B4A5A5
4 Farben
#041C32 #04293A #064663 #ECB365
4 Farben