Registrieren Registrieren
Strange Fantasy

Strange Fantasy

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

Zurück zur Bibliothek

Strange Fantasy

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

Bearbeiten
Gedeckt 9 Farben Kühl Dunkel Analog simple fantasy gloomy
Likes 19
Farben 9

CSS-Variablen

:root {
  --c-muted-1: #0E0D1E;
  --c-muted-2: #0E0C23;
  --c-muted-3: #141227;
  --c-muted-4: #222034;
  --c-muted-5: #302E49;
  --c-muted-6: #0E3D2A;
  --c-muted-7: #275241;
  --c-muted-8: #4B8A71;
  --c-muted-9: #41BE8C;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Aragon Green (#41BE8C) bis zum dunkelsten Ton Tristesse (#0E0D1E). Sie vereint Tristesse, Corbeau, Black Velvet, Black Blueberry, Mizukaze Green, Fresh Mint, Molly Robins und Aragon Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0E0D1E auf #41BE8C mit 8,19:1.

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

Farben im Detail

Tristesse #0E0D1E
RGB
rgb(14, 13, 30)
HSL
hsl(244, 40%, 8%)
Luminanz
0,005
Tristesse #0E0C23
RGB
rgb(14, 12, 35)
HSL
hsl(245, 49%, 9%)
Luminanz
0,005
Corbeau #141227
RGB
rgb(20, 18, 39)
HSL
hsl(246, 37%, 11%)
Luminanz
0,007
Black Velvet #222034
RGB
rgb(34, 32, 52)
HSL
hsl(246, 24%, 16%)
Luminanz
0,016
Black Blueberry #302E49
RGB
rgb(48, 46, 73)
HSL
hsl(244, 23%, 23%)
Luminanz
0,031
Mizukaze Green #0E3D2A
RGB
rgb(14, 61, 42)
HSL
hsl(156, 63%, 15%)
Luminanz
0,036
Fresh Mint #275241
RGB
rgb(39, 82, 65)
HSL
hsl(156, 36%, 24%)
Luminanz
0,069
Molly Robins #4B8A71
RGB
rgb(75, 138, 113)
HSL
hsl(156, 30%, 42%)
Luminanz
0,209
Aragon Green #41BE8C
RGB
rgb(65, 190, 140)
HSL
hsl(156, 49%, 50%)
Luminanz
0,398

Kontrast & Barrierefreiheit

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

Aa #0E0D1E auf #41BE8C 8,19:1 AAA
Aa #0E0C23 auf #41BE8C 8,19:1 AAA
Aa #141227 auf #41BE8C 7,83:1 AAA
Aa #222034 auf #41BE8C 6,77:1 AA
Aa #302E49 auf #41BE8C 5,56:1 AA
Aa #0E3D2A auf #41BE8C 5,22:1 AA
Aa #0E0D1E auf #4B8A71 4,72:1 AA
Aa #0E0C23 auf #4B8A71 4,72:1 AA
Aa #141227 auf #4B8A71 4,52:1 AA
Aa #222034 auf #4B8A71 3,91:1 AA (großer Text)
Aa #275241 auf #41BE8C 3,79:1 AA (großer Text)
Aa #302E49 auf #4B8A71 3,21:1 AA (großer Text)
Aa #0E3D2A auf #4B8A71 3,01:1 AA (großer Text)
Aa #275241 auf #4B8A71 2,18:1 Nicht bestanden
Aa #0E0D1E auf #275241 2,16:1 Nicht bestanden
Aa #0E0C23 auf #275241 2,16:1 Nicht bestanden
Aa #141227 auf #275241 2,07:1 Nicht bestanden
Aa #222034 auf #275241 1,79:1 Nicht bestanden
Aa #4B8A71 auf #41BE8C 1,73:1 Nicht bestanden
Aa #0E0D1E auf #0E3D2A 1,57:1 Nicht bestanden
Aa #0E0C23 auf #0E3D2A 1,57:1 Nicht bestanden
Aa #141227 auf #0E3D2A 1,50:1 Nicht bestanden
Aa #0E0D1E auf #302E49 1,47:1 Nicht bestanden
Aa #0E0C23 auf #302E49 1,47:1 Nicht bestanden
Aa #302E49 auf #275241 1,47:1 Nicht bestanden
Aa #141227 auf #302E49 1,41:1 Nicht bestanden
Aa #0E3D2A auf #275241 1,38:1 Nicht bestanden
Aa #222034 auf #0E3D2A 1,30:1 Nicht bestanden
Aa #222034 auf #302E49 1,22:1 Nicht bestanden
Aa #0E0D1E auf #222034 1,21:1 Nicht bestanden
Aa #0E0C23 auf #222034 1,21:1 Nicht bestanden
Aa #141227 auf #222034 1,16:1 Nicht bestanden
Aa #302E49 auf #0E3D2A 1,07:1 Nicht bestanden
Aa #0E0D1E auf #141227 1,05:1 Nicht bestanden
Aa #0E0C23 auf #141227 1,05:1 Nicht bestanden
Aa #0E0D1E auf #0E0C23 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