Registrieren Registrieren
Foggy Depths 8

Foggy Depths 8

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

Zurück zur Bibliothek

Foggy Depths 8

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

Bearbeiten
Gedeckt 8 Farben Kühl Dunkel Analog artist dark blue purple
Likes 80
Farben 8

CSS-Variablen

:root {
  --c-muted-1: #9BA9AB;
  --c-muted-2: #7C8893;
  --c-muted-3: #5D687C;
  --c-muted-4: #444A65;
  --c-muted-5: #30324D;
  --c-muted-6: #26203A;
  --c-muted-7: #23132D;
  --c-muted-8: #1E0721;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Mission Bay Blue (#9BA9AB) bis zum dunkelsten Ton Meški Black (#1E0721). Sie vereint Mission Bay Blue, Sea Lion, Spinning Blue, Darkshore, Wild Iris, Throat, Blacklist und Meški Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #9BA9AB auf #1E0721 mit 7,82:1.

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

Farben im Detail

Mission Bay Blue #9BA9AB
RGB
rgb(155, 169, 171)
HSL
hsl(188, 9%, 64%)
Luminanz
0,383
Sea Lion #7C8893
RGB
rgb(124, 136, 147)
HSL
hsl(209, 10%, 53%)
Luminanz
0,240
Spinning Blue #5D687C
RGB
rgb(93, 104, 124)
HSL
hsl(219, 14%, 43%)
Luminanz
0,137
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Luminanz
0,071
Wild Iris #30324D
RGB
rgb(48, 50, 77)
HSL
hsl(236, 23%, 25%)
Luminanz
0,035
Throat #26203A
RGB
rgb(38, 32, 58)
HSL
hsl(254, 29%, 18%)
Luminanz
0,018
Blacklist #23132D
RGB
rgb(35, 19, 45)
HSL
hsl(277, 41%, 13%)
Luminanz
0,010
Meški Black #1E0721
RGB
rgb(30, 7, 33)
HSL
hsl(293, 65%, 8%)
Luminanz
0,005

Kontrast & Barrierefreiheit

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

Aa #9BA9AB auf #1E0721 7,82:1 AAA
Aa #9BA9AB auf #23132D 7,20:1 AAA
Aa #9BA9AB auf #26203A 6,41:1 AA
Aa #7C8893 auf #1E0721 5,24:1 AA
Aa #9BA9AB auf #30324D 5,13:1 AA
Aa #7C8893 auf #23132D 4,82:1 AA
Aa #7C8893 auf #26203A 4,30:1 AA (großer Text)
Aa #9BA9AB auf #444A65 3,59:1 AA (großer Text)
Aa #7C8893 auf #30324D 3,43:1 AA (großer Text)
Aa #5D687C auf #1E0721 3,37:1 AA (großer Text)
Aa #5D687C auf #23132D 3,11:1 AA (großer Text)
Aa #5D687C auf #26203A 2,77:1 Nicht bestanden
Aa #7C8893 auf #444A65 2,40:1 Nicht bestanden
Aa #9BA9AB auf #5D687C 2,32:1 Nicht bestanden
Aa #5D687C auf #30324D 2,21:1 Nicht bestanden
Aa #444A65 auf #1E0721 2,18:1 Nicht bestanden
Aa #444A65 auf #23132D 2,01:1 Nicht bestanden
Aa #444A65 auf #26203A 1,79:1 Nicht bestanden
Aa #7C8893 auf #5D687C 1,55:1 Nicht bestanden
Aa #5D687C auf #444A65 1,55:1 Nicht bestanden
Aa #30324D auf #1E0721 1,53:1 Nicht bestanden
Aa #9BA9AB auf #7C8893 1,49:1 Nicht bestanden
Aa #444A65 auf #30324D 1,43:1 Nicht bestanden
Aa #30324D auf #23132D 1,40:1 Nicht bestanden
Aa #30324D auf #26203A 1,25:1 Nicht bestanden
Aa #26203A auf #1E0721 1,22:1 Nicht bestanden
Aa #26203A auf #23132D 1,12:1 Nicht bestanden
Aa #23132D auf #1E0721 1,09: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