Coldwood8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Coldwood8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär artist red blue 8

Likes 188

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #372E4D;
  --c-earthy-2: #5F699C;
  --c-earthy-3: #65AED6;
  --c-earthy-4: #A4EBCC;
  --c-earthy-5: #EFFAE6;
  --c-earthy-6: #F0B38D;
  --c-earthy-7: #B56D7F;
  --c-earthy-8: #614363;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White Sulphur (#EFFAE6) bis zum dunkelsten Ton Sanctum of Shadows (#372E4D). Sie vereint Sanctum of Shadows, Iris Bloom, Imrik Blue, Tropical, White Sulphur, Peach Nirvana, Rose Gold und Pansy Petal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #372E4D auf #EFFAE6 mit 11,74: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

Sanctum of Shadows #372E4D

RGB: rgb(55, 46, 77)
HSL: hsl(257, 25%, 24%)
Luminanz: 0,033

Iris Bloom #5F699C

RGB: rgb(95, 105, 156)
HSL: hsl(230, 24%, 49%)
Luminanz: 0,149

Imrik Blue #65AED6

RGB: rgb(101, 174, 214)
HSL: hsl(201, 58%, 62%)
Luminanz: 0,379

Tropical #A4EBCC

RGB: rgb(164, 235, 204)
HSL: hsl(154, 64%, 78%)
Luminanz: 0,717

White Sulphur #EFFAE6

RGB: rgb(239, 250, 230)
HSL: hsl(93, 67%, 94%)
Luminanz: 0,924

Peach Nirvana #F0B38D

RGB: rgb(240, 179, 141)
HSL: hsl(23, 77%, 75%)
Luminanz: 0,527

Rose Gold #B56D7F

RGB: rgb(181, 109, 127)
HSL: hsl(345, 33%, 57%)
Luminanz: 0,223

Pansy Petal #614363

RGB: rgb(97, 67, 99)
HSL: hsl(296, 19%, 33%)
Luminanz: 0,075

Kontrast & Barrierefreiheit

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

Aa #372E4D auf #EFFAE6 11,74:1 AAA

Aa #372E4D auf #A4EBCC 9,23:1 AAA

Aa #EFFAE6 auf #614363 7,82:1 AAA

Aa #372E4D auf #F0B38D 6,95:1 AA

Aa #A4EBCC auf #614363 6,15:1 AA

Aa #372E4D auf #65AED6 5,17:1 AA

Aa #5F699C auf #EFFAE6 4,89:1 AA

Aa #F0B38D auf #614363 4,63:1 AA

Aa #5F699C auf #A4EBCC 3,85:1 AA (großer Text)

Aa #EFFAE6 auf #B56D7F 3,57:1 AA (großer Text)

Aa #65AED6 auf #614363 3,44:1 AA (großer Text)

Aa #372E4D auf #B56D7F 3,29:1 AA (großer Text)

Aa #5F699C auf #F0B38D 2,89:1 Nicht bestanden

Aa #A4EBCC auf #B56D7F 2,81:1 Nicht bestanden

Aa #372E4D auf #5F699C 2,40:1 Nicht bestanden

Aa #65AED6 auf #EFFAE6 2,27:1 Nicht bestanden

Aa #B56D7F auf #614363 2,19:1 Nicht bestanden

Aa #5F699C auf #65AED6 2,15:1 Nicht bestanden

Aa #F0B38D auf #B56D7F 2,11:1 Nicht bestanden

Aa #65AED6 auf #A4EBCC 1,79:1 Nicht bestanden

Aa #EFFAE6 auf #F0B38D 1,69:1 Nicht bestanden

Aa #5F699C auf #614363 1,60:1 Nicht bestanden

Aa #65AED6 auf #B56D7F 1,57:1 Nicht bestanden

Aa #372E4D auf #614363 1,50:1 Nicht bestanden

Aa #5F699C auf #B56D7F 1,37:1 Nicht bestanden

Aa #65AED6 auf #F0B38D 1,34:1 Nicht bestanden

Aa #A4EBCC auf #F0B38D 1,33:1 Nicht bestanden

Aa #A4EBCC auf #EFFAE6 1,27:1 Nicht bestanden

Coldwood8

Coldwood8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen