Registrieren Registrieren
TY Blue Seed 7

TY Blue Seed 7

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

Zurück zur Bibliothek

TY Blue Seed 7

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

Bearbeiten
Gedeckt 7 Farben Kühl Dunkel Analog dark horror darkseed
Likes 28
Farben 7

CSS-Variablen

:root {
  --c-muted-1: #C7C7C7;
  --c-muted-2: #748783;
  --c-muted-3: #516856;
  --c-muted-4: #324A4B;
  --c-muted-5: #2C3339;
  --c-muted-6: #25282A;
  --c-muted-7: #141724;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Paternoster (#C7C7C7) bis zum dunkelsten Ton River Styx (#141724). Sie vereint Paternoster, Echo Park, Kale Green, Graphite Black Green, Dracula Orchid, Graphite Black und River Styx in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C7C7C7 auf #141724 mit 10,55:1.

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

Farben im Detail

Paternoster #C7C7C7
RGB
rgb(199, 199, 199)
HSL
hsl(0, 0%, 78%)
Luminanz
0,571
Echo Park #748783
RGB
rgb(116, 135, 131)
HSL
hsl(167, 8%, 49%)
Luminanz
0,227
Kale Green #516856
RGB
rgb(81, 104, 86)
HSL
hsl(133, 12%, 36%)
Luminanz
0,123
Graphite Black Green #324A4B
RGB
rgb(50, 74, 75)
HSL
hsl(182, 20%, 25%)
Luminanz
0,061
Dracula Orchid #2C3339
RGB
rgb(44, 51, 57)
HSL
hsl(208, 13%, 20%)
Luminanz
0,032
Graphite Black #25282A
RGB
rgb(37, 40, 42)
HSL
hsl(204, 6%, 15%)
Luminanz
0,021
River Styx #141724
RGB
rgb(20, 23, 36)
HSL
hsl(229, 29%, 11%)
Luminanz
0,009

Kontrast & Barrierefreiheit

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

Aa #C7C7C7 auf #141724 10,55:1 AAA
Aa #C7C7C7 auf #25282A 8,78:1 AAA
Aa #C7C7C7 auf #2C3339 7,58:1 AAA
Aa #C7C7C7 auf #324A4B 5,60:1 AA
Aa #748783 auf #141724 4,70:1 AA
Aa #748783 auf #25282A 3,91:1 AA (großer Text)
Aa #C7C7C7 auf #516856 3,59:1 AA (großer Text)
Aa #748783 auf #2C3339 3,38:1 AA (großer Text)
Aa #516856 auf #141724 2,94:1 Nicht bestanden
Aa #748783 auf #324A4B 2,50:1 Nicht bestanden
Aa #516856 auf #25282A 2,45:1 Nicht bestanden
Aa #C7C7C7 auf #748783 2,24:1 Nicht bestanden
Aa #516856 auf #2C3339 2,11:1 Nicht bestanden
Aa #324A4B auf #141724 1,88:1 Nicht bestanden
Aa #748783 auf #516856 1,60:1 Nicht bestanden
Aa #324A4B auf #25282A 1,57:1 Nicht bestanden
Aa #516856 auf #324A4B 1,56:1 Nicht bestanden
Aa #2C3339 auf #141724 1,39:1 Nicht bestanden
Aa #324A4B auf #2C3339 1,35:1 Nicht bestanden
Aa #25282A auf #141724 1,20:1 Nicht bestanden
Aa #2C3339 auf #25282A 1,16: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