Registrieren Registrieren
Super Ink Y

Super Ink Y

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

Zurück zur Bibliothek

Super Ink Y

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

Bearbeiten
Gedeckt 12 Farben Kühl Gemischt Komplementär ink inking practicehabits
Likes 60
Farben 12

CSS-Variablen

:root {
  --c-muted-1: #EFEDEB;
  --c-muted-2: #A7AFB5;
  --c-muted-3: #46464A;
  --c-muted-4: #09080B;
  --c-muted-5: #737FAB;
  --c-muted-6: #567C76;
  --c-muted-7: #95B873;
  --c-muted-8: #E3B550;
  --c-muted-9: #DFC5B0;
  --c-muted-10: #E99790;
  --c-muted-11: #C67560;
  --c-muted-12: #A24659;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Snow Storm (#EFEDEB) bis zum dunkelsten Ton Existential Angst (#09080B). Sie vereint Snow Storm, Northern Light Grey, Midnight Magic, Existential Angst, Bright Zenith, Dull Turquoise, Florence, High Honey, Arabian Sands, Salmon Salt, Sahara Sun und Drisheen in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EFEDEB auf #09080B mit 17,11:1.

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

Farben im Detail

Snow Storm #EFEDEB
RGB
rgb(239, 237, 235)
HSL
hsl(30, 11%, 93%)
Luminanz
0,849
Northern Light Grey #A7AFB5
RGB
rgb(167, 175, 181)
HSL
hsl(206, 9%, 68%)
Luminanz
0,422
Midnight Magic #46464A
RGB
rgb(70, 70, 74)
HSL
hsl(240, 3%, 28%)
Luminanz
0,062
Existential Angst #09080B
RGB
rgb(9, 8, 11)
HSL
hsl(260, 16%, 4%)
Luminanz
0,003
Bright Zenith #737FAB
RGB
rgb(115, 127, 171)
HSL
hsl(227, 25%, 56%)
Luminanz
0,218
Dull Turquoise #567C76
RGB
rgb(86, 124, 118)
HSL
hsl(171, 18%, 41%)
Luminanz
0,177
Florence #95B873
RGB
rgb(149, 184, 115)
HSL
hsl(90, 33%, 59%)
Luminanz
0,419
High Honey #E3B550
RGB
rgb(227, 181, 80)
HSL
hsl(41, 72%, 60%)
Luminanz
0,500
Arabian Sands #DFC5B0
RGB
rgb(223, 197, 176)
HSL
hsl(27, 42%, 78%)
Luminanz
0,588
Salmon Salt #E99790
RGB
rgb(233, 151, 144)
HSL
hsl(5, 67%, 74%)
Luminanz
0,415
Sahara Sun #C67560
RGB
rgb(198, 117, 96)
HSL
hsl(12, 47%, 58%)
Luminanz
0,256
Drisheen #A24659
RGB
rgb(162, 70, 89)
HSL
hsl(348, 40%, 45%)
Luminanz
0,128

Kontrast & Barrierefreiheit

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

Aa #EFEDEB auf #09080B 17,11:1 AAA
Aa #09080B auf #DFC5B0 12,13:1 AAA
Aa #09080B auf #E3B550 10,46:1 AAA
Aa #A7AFB5 auf #09080B 8,98:1 AAA
Aa #09080B auf #95B873 8,92:1 AAA
Aa #09080B auf #E99790 8,84:1 AAA
Aa #EFEDEB auf #46464A 8,04:1 AAA
Aa #09080B auf #C67560 5,82:1 AA
Aa #46464A auf #DFC5B0 5,70:1 AA
Aa #09080B auf #737FAB 5,09:1 AA
Aa #EFEDEB auf #A24659 5,06:1 AA
Aa #46464A auf #E3B550 4,92:1 AA
Aa #09080B auf #567C76 4,32:1 AA (großer Text)
Aa #A7AFB5 auf #46464A 4,22:1 AA (großer Text)
Aa #46464A auf #95B873 4,20:1 AA (großer Text)
Aa #46464A auf #E99790 4,16:1 AA (großer Text)
Aa #EFEDEB auf #567C76 3,96:1 AA (großer Text)
Aa #DFC5B0 auf #A24659 3,59:1 AA (großer Text)
Aa #09080B auf #A24659 3,38:1 AA (großer Text)
Aa #EFEDEB auf #737FAB 3,36:1 AA (großer Text)
Aa #E3B550 auf #A24659 3,09:1 AA (großer Text)
Aa #EFEDEB auf #C67560 2,94:1 Nicht bestanden
Aa #567C76 auf #DFC5B0 2,81:1 Nicht bestanden
Aa #46464A auf #C67560 2,74:1 Nicht bestanden
Aa #A7AFB5 auf #A24659 2,65:1 Nicht bestanden
Aa #95B873 auf #A24659 2,64:1 Nicht bestanden
Aa #E99790 auf #A24659 2,61:1 Nicht bestanden
Aa #567C76 auf #E3B550 2,42:1 Nicht bestanden
Aa #46464A auf #737FAB 2,39:1 Nicht bestanden
Aa #737FAB auf #DFC5B0 2,38:1 Nicht bestanden
Aa #46464A auf #09080B 2,13:1 Nicht bestanden
Aa #DFC5B0 auf #C67560 2,09:1 Nicht bestanden
Aa #A7AFB5 auf #567C76 2,08:1 Nicht bestanden
Aa #567C76 auf #95B873 2,07:1 Nicht bestanden
Aa #737FAB auf #E3B550 2,05:1 Nicht bestanden
Aa #567C76 auf #E99790 2,05:1 Nicht bestanden
Aa #46464A auf #567C76 2,03:1 Nicht bestanden
Aa #EFEDEB auf #E99790 1,93:1 Nicht bestanden
Aa #EFEDEB auf #95B873 1,92:1 Nicht bestanden
Aa #EFEDEB auf #A7AFB5 1,90:1 Nicht bestanden
Aa #E3B550 auf #C67560 1,80:1 Nicht bestanden
Aa #A7AFB5 auf #737FAB 1,76:1 Nicht bestanden
Aa #737FAB auf #95B873 1,75:1 Nicht bestanden
Aa #737FAB auf #E99790 1,74:1 Nicht bestanden
Aa #C67560 auf #A24659 1,72:1 Nicht bestanden
Aa #EFEDEB auf #E3B550 1,64:1 Nicht bestanden
Aa #46464A auf #A24659 1,59:1 Nicht bestanden
Aa #A7AFB5 auf #C67560 1,54:1 Nicht bestanden
Aa #95B873 auf #C67560 1,53:1 Nicht bestanden
Aa #E99790 auf #C67560 1,52:1 Nicht bestanden
Aa #737FAB auf #A24659 1,51:1 Nicht bestanden
Aa #EFEDEB auf #DFC5B0 1,41:1 Nicht bestanden
Aa #DFC5B0 auf #E99790 1,37:1 Nicht bestanden
Aa #95B873 auf #DFC5B0 1,36:1 Nicht bestanden
Aa #A7AFB5 auf #DFC5B0 1,35:1 Nicht bestanden
Aa #567C76 auf #C67560 1,35:1 Nicht bestanden
Aa #567C76 auf #A24659 1,28:1 Nicht bestanden
Aa #737FAB auf #567C76 1,18:1 Nicht bestanden
Aa #E3B550 auf #E99790 1,18:1 Nicht bestanden
Aa #95B873 auf #E3B550 1,17:1 Nicht bestanden
Aa #A7AFB5 auf #E3B550 1,16:1 Nicht bestanden
Aa #E3B550 auf #DFC5B0 1,16:1 Nicht bestanden
Aa #737FAB auf #C67560 1,14:1 Nicht bestanden
Aa #A7AFB5 auf #E99790 1,02:1 Nicht bestanden
Aa #A7AFB5 auf #95B873 1,01:1 Nicht bestanden
Aa #95B873 auf #E99790 1,01: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