Salmon 9

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

Zurück zur Bibliothek

Salmon 9

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Analog green orange chase 9

Likes 14

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #506140;
  --c-earthy-2: #828C51;
  --c-earthy-3: #A6C36F;
  --c-earthy-4: #BFCE8A;
  --c-earthy-5: #E8D6B0;
  --c-earthy-6: #E6C594;
  --c-earthy-7: #E5AB6D;
  --c-earthy-8: #E19A54;
  --c-earthy-9: #E5863E;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Convivial Yellow (#E8D6B0) bis zum dunkelsten Ton Cub Scout (#506140). Sie vereint Cub Scout, Special Ops, Tan Green, Apple II Beige, Convivial Yellow, Oberon on the Beach, Ninjin Orange, Apple Crisp und West Side in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #506140 auf #E8D6B0 mit 4,7: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

Cub Scout #506140

RGB: rgb(80, 97, 64)
HSL: hsl(91, 20%, 32%)
Luminanz: 0,106

Special Ops #828C51

RGB: rgb(130, 140, 81)
HSL: hsl(70, 27%, 43%)
Luminanz: 0,241

Tan Green #A6C36F

RGB: rgb(166, 195, 111)
HSL: hsl(81, 41%, 60%)
Luminanz: 0,483

Apple II Beige #BFCE8A

RGB: rgb(191, 206, 138)
HSL: hsl(73, 41%, 67%)
Luminanz: 0,571

Convivial Yellow #E8D6B0

RGB: rgb(232, 214, 176)
HSL: hsl(41, 55%, 80%)
Luminanz: 0,684

Oberon on the Beach #E6C594

RGB: rgb(230, 197, 148)
HSL: hsl(36, 62%, 74%)
Luminanz: 0,589

Ninjin Orange #E5AB6D

RGB: rgb(229, 171, 109)
HSL: hsl(31, 70%, 66%)
Luminanz: 0,469

Apple Crisp #E19A54

RGB: rgb(225, 154, 84)
HSL: hsl(30, 70%, 61%)
Luminanz: 0,398

West Side #E5863E

RGB: rgb(229, 134, 62)
HSL: hsl(26, 76%, 57%)
Luminanz: 0,341

Kontrast & Barrierefreiheit

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

Aa #506140 auf #E8D6B0 4,70:1 AA

Aa #506140 auf #E6C594 4,09:1 AA (großer Text)

Aa #506140 auf #BFCE8A 3,97:1 AA (großer Text)

Aa #506140 auf #A6C36F 3,41:1 AA (großer Text)

Aa #506140 auf #E5AB6D 3,32:1 AA (großer Text)

Aa #506140 auf #E19A54 2,86:1 Nicht bestanden

Aa #828C51 auf #E8D6B0 2,52:1 Nicht bestanden

Aa #506140 auf #E5863E 2,50:1 Nicht bestanden

Aa #828C51 auf #E6C594 2,20:1 Nicht bestanden

Aa #828C51 auf #BFCE8A 2,13:1 Nicht bestanden

Aa #E8D6B0 auf #E5863E 1,88:1 Nicht bestanden

Aa #506140 auf #828C51 1,86:1 Nicht bestanden

Aa #828C51 auf #A6C36F 1,83:1 Nicht bestanden

Aa #828C51 auf #E5AB6D 1,78:1 Nicht bestanden

Aa #E8D6B0 auf #E19A54 1,64:1 Nicht bestanden

Aa #E6C594 auf #E5863E 1,64:1 Nicht bestanden

Aa #BFCE8A auf #E5863E 1,59:1 Nicht bestanden

Aa #828C51 auf #E19A54 1,54:1 Nicht bestanden

Aa #E6C594 auf #E19A54 1,43:1 Nicht bestanden

Aa #E8D6B0 auf #E5AB6D 1,41:1 Nicht bestanden

Aa #BFCE8A auf #E19A54 1,39:1 Nicht bestanden

Aa #A6C36F auf #E8D6B0 1,38:1 Nicht bestanden

Aa #A6C36F auf #E5863E 1,36:1 Nicht bestanden

Aa #828C51 auf #E5863E 1,34:1 Nicht bestanden

Aa #E5AB6D auf #E5863E 1,33:1 Nicht bestanden

Aa #E6C594 auf #E5AB6D 1,23:1 Nicht bestanden

Aa #A6C36F auf #E6C594 1,20:1 Nicht bestanden

Aa #BFCE8A auf #E5AB6D 1,20:1 Nicht bestanden

Aa #A6C36F auf #E19A54 1,19:1 Nicht bestanden

Aa #BFCE8A auf #E8D6B0 1,18:1 Nicht bestanden

Aa #A6C36F auf #BFCE8A 1,16:1 Nicht bestanden

Aa #E5AB6D auf #E19A54 1,16:1 Nicht bestanden

Aa #E8D6B0 auf #E6C594 1,15:1 Nicht bestanden

Aa #E19A54 auf #E5863E 1,15:1 Nicht bestanden

Aa #A6C36F auf #E5AB6D 1,03:1 Nicht bestanden

Aa #BFCE8A auf #E6C594 1,03:1 Nicht bestanden

Salmon 9

Salmon 9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen