Registrieren Registrieren
Magic Waters 9

Magic Waters 9

Palette mit 9 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Magic Waters 9

Palette mit 9 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Gedeckt 9 Farben Kühl Gemischt Triadisch green blue purple light
Likes 45
Farben 9

CSS-Variablen

:root {
  --c-muted-1: #5D5179;
  --c-muted-2: #4F5E85;
  --c-muted-3: #4F759B;
  --c-muted-4: #728C91;
  --c-muted-5: #70A094;
  --c-muted-6: #6DB39C;
  --c-muted-7: #92C9B1;
  --c-muted-8: #94E2A5;
  --c-muted-9: #A2FAA3;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Creamy Mint (#A2FAA3) bis zum dunkelsten Ton Imperial Palace (#5D5179). Sie vereint Imperial Palace, Indigo Navy Blue, Secrecy, Leisure Time, Greyish Teal, Dusty Jade Green, Vile Green, Hospital Green und Creamy Mint in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5D5179 auf #A2FAA3 mit 5,74:1.

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

Farben im Detail

Imperial Palace #5D5179
RGB
rgb(93, 81, 121)
HSL
hsl(258, 20%, 40%)
Luminanz
0,096
Indigo Navy Blue #4F5E85
RGB
rgb(79, 94, 133)
HSL
hsl(223, 25%, 42%)
Luminanz
0,114
Secrecy #4F759B
RGB
rgb(79, 117, 155)
HSL
hsl(210, 32%, 46%)
Luminanz
0,168
Leisure Time #728C91
RGB
rgb(114, 140, 145)
HSL
hsl(190, 12%, 51%)
Luminanz
0,244
Greyish Teal #70A094
RGB
rgb(112, 160, 148)
HSL
hsl(165, 20%, 53%)
Luminanz
0,307
Dusty Jade Green #6DB39C
RGB
rgb(109, 179, 156)
HSL
hsl(160, 32%, 56%)
Luminanz
0,379
Vile Green #92C9B1
RGB
rgb(146, 201, 177)
HSL
hsl(154, 34%, 68%)
Luminanz
0,511
Hospital Green #94E2A5
RGB
rgb(148, 226, 165)
HSL
hsl(133, 57%, 73%)
Luminanz
0,634
Creamy Mint #A2FAA3
RGB
rgb(162, 250, 163)
HSL
hsl(121, 90%, 81%)
Luminanz
0,787

Kontrast & Barrierefreiheit

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

Aa #5D5179 auf #A2FAA3 5,74:1 AA
Aa #4F5E85 auf #A2FAA3 5,12:1 AA
Aa #5D5179 auf #94E2A5 4,69:1 AA
Aa #4F5E85 auf #94E2A5 4,18:1 AA (großer Text)
Aa #4F759B auf #A2FAA3 3,85:1 AA (großer Text)
Aa #5D5179 auf #92C9B1 3,84:1 AA (großer Text)
Aa #4F5E85 auf #92C9B1 3,43:1 AA (großer Text)
Aa #4F759B auf #94E2A5 3,14:1 AA (großer Text)
Aa #5D5179 auf #6DB39C 2,94:1 Nicht bestanden
Aa #728C91 auf #A2FAA3 2,85:1 Nicht bestanden
Aa #4F5E85 auf #6DB39C 2,62:1 Nicht bestanden
Aa #4F759B auf #92C9B1 2,58:1 Nicht bestanden
Aa #5D5179 auf #70A094 2,45:1 Nicht bestanden
Aa #70A094 auf #A2FAA3 2,34:1 Nicht bestanden
Aa #728C91 auf #94E2A5 2,33:1 Nicht bestanden
Aa #4F5E85 auf #70A094 2,18:1 Nicht bestanden
Aa #5D5179 auf #728C91 2,01:1 Nicht bestanden
Aa #4F759B auf #6DB39C 1,97:1 Nicht bestanden
Aa #6DB39C auf #A2FAA3 1,95:1 Nicht bestanden
Aa #728C91 auf #92C9B1 1,91:1 Nicht bestanden
Aa #70A094 auf #94E2A5 1,91:1 Nicht bestanden
Aa #4F5E85 auf #728C91 1,80:1 Nicht bestanden
Aa #4F759B auf #70A094 1,64:1 Nicht bestanden
Aa #6DB39C auf #94E2A5 1,59:1 Nicht bestanden
Aa #70A094 auf #92C9B1 1,57:1 Nicht bestanden
Aa #5D5179 auf #4F759B 1,49:1 Nicht bestanden
Aa #92C9B1 auf #A2FAA3 1,49:1 Nicht bestanden
Aa #728C91 auf #6DB39C 1,46:1 Nicht bestanden
Aa #4F759B auf #728C91 1,35:1 Nicht bestanden
Aa #4F5E85 auf #4F759B 1,33:1 Nicht bestanden
Aa #6DB39C auf #92C9B1 1,31:1 Nicht bestanden
Aa #728C91 auf #70A094 1,22:1 Nicht bestanden
Aa #92C9B1 auf #94E2A5 1,22:1 Nicht bestanden
Aa #94E2A5 auf #A2FAA3 1,22:1 Nicht bestanden
Aa #70A094 auf #6DB39C 1,20:1 Nicht bestanden
Aa #5D5179 auf #4F5E85 1,12: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