Cold Shoulder 9

Cold Shoulder 9

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Triadisch

Cold Shoulder 9

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten
Erdig 9 Farben Warm Gemischt Triadisch
Likes 6
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #FFF2DE;
  --c-earthy-2: #E0C9BC;
  --c-earthy-3: #C7A197;
  --c-earthy-4: #BA7B77;
  --c-earthy-5: #AD4C4C;
  --c-earthy-6: #9E192B;
  --c-earthy-7: #573870;
  --c-earthy-8: #2F2180;
  --c-earthy-9: #00004D;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Pale Pearl (#FFF2DE) bis zum dunkelsten Ton Night Blue (#00004D). Sie vereint Pale Pearl, Pale Sienna, Raspberry Kahlua, Wild Party, Red Leather, Cut Ruby, Loden Purple, Blue Royale und Night Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF2DE auf #00004D mit 17,17:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.


Farben im Detail

Pale Pearl #FFF2DE
RGB
rgb(255, 242, 222)
HSL
hsl(36, 100%, 94%)
Luminanz
0,900
Pale Sienna #E0C9BC
RGB
rgb(224, 201, 188)
HSL
hsl(22, 37%, 81%)
Luminanz
0,613
Raspberry Kahlua #C7A197
RGB
rgb(199, 161, 151)
HSL
hsl(13, 30%, 69%)
Luminanz
0,399
Wild Party #BA7B77
RGB
rgb(186, 123, 119)
HSL
hsl(4, 33%, 60%)
Luminanz
0,259
Red Leather #AD4C4C
RGB
rgb(173, 76, 76)
HSL
hsl(0, 39%, 49%)
Luminanz
0,146
Cut Ruby #9E192B
RGB
rgb(158, 25, 43)
HSL
hsl(352, 73%, 36%)
Luminanz
0,081
Loden Purple #573870
RGB
rgb(87, 56, 112)
HSL
hsl(273, 33%, 33%)
Luminanz
0,060
Blue Royale #2F2180
RGB
rgb(47, 33, 128)
HSL
hsl(249, 59%, 32%)
Luminanz
0,033
Night Blue #00004D
RGB
rgb(0, 0, 77)
HSL
hsl(240, 100%, 15%)
Luminanz
0,005

Kontrast & Barrierefreiheit

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

Aa #FFF2DE auf #00004D 17,17:1 AAA
Aa #E0C9BC auf #00004D 11,97:1 AAA
Aa #FFF2DE auf #2F2180 11,52:1 AAA
Aa #FFF2DE auf #573870 8,62:1 AAA
Aa #C7A197 auf #00004D 8,10:1 AAA
Aa #E0C9BC auf #2F2180 8,03:1 AAA
Aa #FFF2DE auf #9E192B 7,23:1 AAA
Aa #E0C9BC auf #573870 6,01:1 AA
Aa #BA7B77 auf #00004D 5,59:1 AA
Aa #C7A197 auf #2F2180 5,44:1 AA
Aa #E0C9BC auf #9E192B 5,04:1 AA
Aa #FFF2DE auf #AD4C4C 4,86:1 AA
Aa #C7A197 auf #573870 4,07:1 AA (großer Text)
Aa #BA7B77 auf #2F2180 3,75:1 AA (großer Text)
Aa #AD4C4C auf #00004D 3,54:1 AA (großer Text)
Aa #C7A197 auf #9E192B 3,41:1 AA (großer Text)
Aa #E0C9BC auf #AD4C4C 3,38:1 AA (großer Text)
Aa #FFF2DE auf #BA7B77 3,07:1 AA (großer Text)
Aa #BA7B77 auf #573870 2,81:1 Nicht bestanden
Aa #AD4C4C auf #2F2180 2,37:1 Nicht bestanden
Aa #9E192B auf #00004D 2,37:1 Nicht bestanden
Aa #BA7B77 auf #9E192B 2,35:1 Nicht bestanden
Aa #C7A197 auf #AD4C4C 2,29:1 Nicht bestanden
Aa #E0C9BC auf #BA7B77 2,14:1 Nicht bestanden
Aa #FFF2DE auf #C7A197 2,12:1 Nicht bestanden
Aa #573870 auf #00004D 1,99:1 Nicht bestanden
Aa #AD4C4C auf #573870 1,78:1 Nicht bestanden
Aa #9E192B auf #2F2180 1,59:1 Nicht bestanden
Aa #BA7B77 auf #AD4C4C 1,58:1 Nicht bestanden
Aa #AD4C4C auf #9E192B 1,49:1 Nicht bestanden
Aa #2F2180 auf #00004D 1,49:1 Nicht bestanden
Aa #E0C9BC auf #C7A197 1,48:1 Nicht bestanden
Aa #C7A197 auf #BA7B77 1,45:1 Nicht bestanden
Aa #FFF2DE auf #E0C9BC 1,43:1 Nicht bestanden
Aa #573870 auf #2F2180 1,34:1 Nicht bestanden
Aa #9E192B auf #573870 1,19:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben