Neon Flesh

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

Zurück zur Bibliothek

Neon Flesh

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär pink red pastel lostinindigo

Likes 123

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #2D6778;
  --c-earthy-2: #ADA98E;
  --c-earthy-3: #73464C;
  --c-earthy-4: #EC96A2;
  --c-earthy-5: #34ACBA;
  --c-earthy-6: #F1EBB5;
  --c-earthy-7: #C44A5B;
  --c-earthy-8: #F5BEBC;
  --c-earthy-9: #ACDBE0;
  --c-earthy-10: #FEFAD9;
  --c-earthy-11: #EE6A7C;
  --c-earthy-12: #FFE7D6;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Warm Light (#FEFAD9) bis zum dunkelsten Ton Formal Maroon (#73464C). Sie vereint San Gabriel Blue, Bland, Formal Maroon, Pink Floyd, Explore Blue, Invigorating, English Coral, Rainbow, Srsly Blue, Warm Light, Ambitious Rose und Mood Lighting in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #73464C auf #FEFAD9 mit 7,34: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

San Gabriel Blue #2D6778

RGB: rgb(45, 103, 120)
HSL: hsl(194, 45%, 32%)
Luminanz: 0,116

Bland #ADA98E

RGB: rgb(173, 169, 142)
HSL: hsl(52, 16%, 62%)
Luminanz: 0,392

Formal Maroon #73464C

RGB: rgb(115, 70, 76)
HSL: hsl(352, 24%, 36%)
Luminanz: 0,086

Pink Floyd #EC96A2

RGB: rgb(236, 150, 162)
HSL: hsl(352, 69%, 76%)
Luminanz: 0,423

Explore Blue #34ACBA

RGB: rgb(52, 172, 186)
HSL: hsl(186, 56%, 47%)
Luminanz: 0,338

Invigorating #F1EBB5

RGB: rgb(241, 235, 181)
HSL: hsl(54, 68%, 83%)
Luminanz: 0,815

English Coral #C44A5B

RGB: rgb(196, 74, 91)
HSL: hsl(352, 51%, 53%)
Luminanz: 0,174

Rainbow #F5BEBC

RGB: rgb(245, 190, 188)
HSL: hsl(2, 74%, 85%)
Luminanz: 0,599

Srsly Blue #ACDBE0

RGB: rgb(172, 219, 224)
HSL: hsl(186, 46%, 78%)
Luminanz: 0,648

Warm Light #FEFAD9

RGB: rgb(254, 250, 217)
HSL: hsl(54, 95%, 92%)
Luminanz: 0,945

Ambitious Rose #EE6A7C

RGB: rgb(238, 106, 124)
HSL: hsl(352, 80%, 67%)
Luminanz: 0,299

Mood Lighting #FFE7D6

RGB: rgb(255, 231, 214)
HSL: hsl(25, 100%, 92%)
Luminanz: 0,833

Kontrast & Barrierefreiheit

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

Aa #73464C auf #FEFAD9 7,34:1 AAA

Aa #73464C auf #FFE7D6 6,52:1 AA

Aa #73464C auf #F1EBB5 6,38:1 AA

Aa #2D6778 auf #FEFAD9 5,99:1 AA

Aa #2D6778 auf #FFE7D6 5,31:1 AA

Aa #2D6778 auf #F1EBB5 5,20:1 AA

Aa #73464C auf #ACDBE0 5,15:1 AA

Aa #73464C auf #F5BEBC 4,79:1 AA

Aa #C44A5B auf #FEFAD9 4,44:1 AA (großer Text)

Aa #2D6778 auf #ACDBE0 4,20:1 AA (großer Text)

Aa #C44A5B auf #FFE7D6 3,94:1 AA (großer Text)

Aa #2D6778 auf #F5BEBC 3,90:1 AA (großer Text)

Aa #F1EBB5 auf #C44A5B 3,86:1 AA (großer Text)

Aa #73464C auf #EC96A2 3,49:1 AA (großer Text)

Aa #ADA98E auf #73464C 3,26:1 AA (großer Text)

Aa #C44A5B auf #ACDBE0 3,12:1 AA (großer Text)

Aa #C44A5B auf #F5BEBC 2,90:1 Nicht bestanden

Aa #73464C auf #34ACBA 2,86:1 Nicht bestanden

Aa #FEFAD9 auf #EE6A7C 2,85:1 Nicht bestanden

Aa #2D6778 auf #EC96A2 2,84:1 Nicht bestanden

Aa #2D6778 auf #ADA98E 2,66:1 Nicht bestanden

Aa #73464C auf #EE6A7C 2,58:1 Nicht bestanden

Aa #34ACBA auf #FEFAD9 2,56:1 Nicht bestanden

Aa #EE6A7C auf #FFE7D6 2,53:1 Nicht bestanden

Aa #F1EBB5 auf #EE6A7C 2,47:1 Nicht bestanden

Aa #2D6778 auf #34ACBA 2,33:1 Nicht bestanden

Aa #34ACBA auf #FFE7D6 2,28:1 Nicht bestanden

Aa #ADA98E auf #FEFAD9 2,25:1 Nicht bestanden

Aa #34ACBA auf #F1EBB5 2,23:1 Nicht bestanden

Aa #EC96A2 auf #C44A5B 2,11:1 Nicht bestanden

Aa #2D6778 auf #EE6A7C 2,10:1 Nicht bestanden

Aa #EC96A2 auf #FEFAD9 2,10:1 Nicht bestanden

Aa #ADA98E auf #FFE7D6 2,00:1 Nicht bestanden

Aa #ACDBE0 auf #EE6A7C 2,00:1 Nicht bestanden

Aa #ADA98E auf #C44A5B 1,97:1 Nicht bestanden

Aa #ADA98E auf #F1EBB5 1,96:1 Nicht bestanden

Aa #EC96A2 auf #FFE7D6 1,87:1 Nicht bestanden

Aa #F5BEBC auf #EE6A7C 1,86:1 Nicht bestanden

Aa #EC96A2 auf #F1EBB5 1,83:1 Nicht bestanden

Aa #34ACBA auf #ACDBE0 1,80:1 Nicht bestanden

Aa #34ACBA auf #C44A5B 1,73:1 Nicht bestanden

Aa #34ACBA auf #F5BEBC 1,67:1 Nicht bestanden

Aa #73464C auf #C44A5B 1,65:1 Nicht bestanden

Aa #ADA98E auf #ACDBE0 1,58:1 Nicht bestanden

Aa #C44A5B auf #EE6A7C 1,56:1 Nicht bestanden

Aa #F5BEBC auf #FEFAD9 1,53:1 Nicht bestanden

Aa #EC96A2 auf #ACDBE0 1,48:1 Nicht bestanden

Aa #ADA98E auf #F5BEBC 1,47:1 Nicht bestanden

Aa #ACDBE0 auf #FEFAD9 1,42:1 Nicht bestanden

Aa #EC96A2 auf #F5BEBC 1,37:1 Nicht bestanden

Aa #F5BEBC auf #FFE7D6 1,36:1 Nicht bestanden

Aa #2D6778 auf #C44A5B 1,35:1 Nicht bestanden

Aa #EC96A2 auf #EE6A7C 1,35:1 Nicht bestanden

Aa #F1EBB5 auf #F5BEBC 1,33:1 Nicht bestanden

Aa #ADA98E auf #EE6A7C 1,27:1 Nicht bestanden

Aa #ACDBE0 auf #FFE7D6 1,26:1 Nicht bestanden

Aa #F1EBB5 auf #ACDBE0 1,24:1 Nicht bestanden

Aa #2D6778 auf #73464C 1,23:1 Nicht bestanden

Aa #EC96A2 auf #34ACBA 1,22:1 Nicht bestanden

Aa #F1EBB5 auf #FEFAD9 1,15:1 Nicht bestanden

Aa #ADA98E auf #34ACBA 1,14:1 Nicht bestanden

Aa #FEFAD9 auf #FFE7D6 1,13:1 Nicht bestanden

Aa #34ACBA auf #EE6A7C 1,11:1 Nicht bestanden

Aa #F5BEBC auf #ACDBE0 1,08:1 Nicht bestanden

Aa #ADA98E auf #EC96A2 1,07:1 Nicht bestanden

Aa #F1EBB5 auf #FFE7D6 1,02:1 Nicht bestanden

Neon Flesh

Neon Flesh

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen