Reteocal 9

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Reteocal 9

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 9 Farben Warm Gemischt Komplementär retro polyphorge cartoony

Likes 70

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #7AADB4;
  --c-earthy-2: #364E57;
  --c-earthy-3: #3AA64F;
  --c-earthy-4: #FFF1B2;
  --c-earthy-5: #D78D5B;
  --c-earthy-6: #77433E;
  --c-earthy-7: #3E1D3D;
  --c-earthy-8: #A2304D;
  --c-earthy-9: #748E86;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Creamy Lemon (#FFF1B2) bis zum dunkelsten Ton Profound Mauve (#3E1D3D). Sie vereint Buoyancy, Aircraft Blue, Leapfrog, Creamy Lemon, Longhorn, Rocky Mountain Red, Profound Mauve, Scarlet Ribbons und Gumbo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF1B2 auf #3E1D3D mit 12,76: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

Buoyancy #7AADB4

RGB: rgb(122, 173, 180)
HSL: hsl(187, 28%, 59%)
Luminanz: 0,373

Aircraft Blue #364E57

RGB: rgb(54, 78, 87)
HSL: hsl(196, 23%, 28%)
Luminanz: 0,069

Leapfrog #3AA64F

RGB: rgb(58, 166, 79)
HSL: hsl(132, 48%, 44%)
Luminanz: 0,287

Creamy Lemon #FFF1B2

RGB: rgb(255, 241, 178)
HSL: hsl(49, 100%, 85%)
Luminanz: 0,874

Longhorn #D78D5B

RGB: rgb(215, 141, 91)
HSL: hsl(24, 61%, 60%)
Luminanz: 0,343

Rocky Mountain Red #77433E

RGB: rgb(119, 67, 62)
HSL: hsl(5, 31%, 35%)
Luminanz: 0,083

Profound Mauve #3E1D3D

RGB: rgb(62, 29, 61)
HSL: hsl(302, 36%, 18%)
Luminanz: 0,022

Scarlet Ribbons #A2304D

RGB: rgb(162, 48, 77)
HSL: hsl(345, 54%, 41%)
Luminanz: 0,103

Gumbo #748E86

RGB: rgb(116, 142, 134)
HSL: hsl(162, 10%, 51%)
Luminanz: 0,248

Kontrast & Barrierefreiheit

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

Aa #FFF1B2 auf #3E1D3D 12,76:1 AAA

Aa #364E57 auf #FFF1B2 7,75:1 AAA

Aa #FFF1B2 auf #77433E 6,95:1 AA

Aa #FFF1B2 auf #A2304D 6,03:1 AA

Aa #7AADB4 auf #3E1D3D 5,85:1 AA

Aa #D78D5B auf #3E1D3D 5,42:1 AA

Aa #3AA64F auf #3E1D3D 4,66:1 AA

Aa #3E1D3D auf #748E86 4,11:1 AA (großer Text)

Aa #7AADB4 auf #364E57 3,55:1 AA (großer Text)

Aa #364E57 auf #D78D5B 3,29:1 AA (großer Text)

Aa #7AADB4 auf #77433E 3,19:1 AA (großer Text)

Aa #FFF1B2 auf #748E86 3,10:1 AA (großer Text)

Aa #D78D5B auf #77433E 2,95:1 Nicht bestanden

Aa #364E57 auf #3AA64F 2,83:1 Nicht bestanden

Aa #7AADB4 auf #A2304D 2,76:1 Nicht bestanden

Aa #3AA64F auf #FFF1B2 2,74:1 Nicht bestanden

Aa #D78D5B auf #A2304D 2,56:1 Nicht bestanden

Aa #3AA64F auf #77433E 2,54:1 Nicht bestanden

Aa #364E57 auf #748E86 2,50:1 Nicht bestanden

Aa #FFF1B2 auf #D78D5B 2,35:1 Nicht bestanden

Aa #77433E auf #748E86 2,24:1 Nicht bestanden

Aa #3AA64F auf #A2304D 2,20:1 Nicht bestanden

Aa #7AADB4 auf #FFF1B2 2,18:1 Nicht bestanden

Aa #3E1D3D auf #A2304D 2,12:1 Nicht bestanden

Aa #A2304D auf #748E86 1,94:1 Nicht bestanden

Aa #77433E auf #3E1D3D 1,83:1 Nicht bestanden

Aa #364E57 auf #3E1D3D 1,65:1 Nicht bestanden

Aa #7AADB4 auf #748E86 1,42:1 Nicht bestanden

Aa #D78D5B auf #748E86 1,32:1 Nicht bestanden

Aa #364E57 auf #A2304D 1,29:1 Nicht bestanden

Aa #7AADB4 auf #3AA64F 1,25:1 Nicht bestanden

Aa #3AA64F auf #D78D5B 1,16:1 Nicht bestanden

Aa #77433E auf #A2304D 1,15:1 Nicht bestanden

Aa #3AA64F auf #748E86 1,13:1 Nicht bestanden

Aa #364E57 auf #77433E 1,11:1 Nicht bestanden

Aa #7AADB4 auf #D78D5B 1,08:1 Nicht bestanden

Reteocal 9

Reteocal 9

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen