Darkberry

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

Zurück zur Bibliothek

Darkberry

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

Bearbeiten

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

Likes 80

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #221228;
  --c-earthy-2: #652654;
  --c-earthy-3: #9E3455;
  --c-earthy-4: #E56349;
  --c-earthy-5: #35377C;
  --c-earthy-6: #3D65A1;
  --c-earthy-7: #60A4B5;
  --c-earthy-8: #86DEC3;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Fresh Mist (#86DEC3) bis zum dunkelsten Ton Inside (#221228). Sie vereint Inside, Velvet Mauve, Raspberry Ice Red, Heirloom Blush, Ballpoint Indigo, Mariner, Seaside und Fresh Mist in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #221228 auf #86DEC3 mit 11,18: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

Inside #221228

RGB: rgb(34, 18, 40)
HSL: hsl(284, 38%, 11%)
Luminanz: 0,009

Velvet Mauve #652654

RGB: rgb(101, 38, 84)
HSL: hsl(316, 45%, 27%)
Luminanz: 0,048

Raspberry Ice Red #9E3455

RGB: rgb(158, 52, 85)
HSL: hsl(341, 50%, 41%)
Luminanz: 0,104

Heirloom Blush #E56349

RGB: rgb(229, 99, 73)
HSL: hsl(10, 75%, 59%)
Luminanz: 0,261

Ballpoint Indigo #35377C

RGB: rgb(53, 55, 124)
HSL: hsl(238, 40%, 35%)
Luminanz: 0,049

Mariner #3D65A1

RGB: rgb(61, 101, 161)
HSL: hsl(216, 45%, 44%)
Luminanz: 0,129

Seaside #60A4B5

RGB: rgb(96, 164, 181)
HSL: hsl(192, 36%, 54%)
Luminanz: 0,324

Fresh Mist #86DEC3

RGB: rgb(134, 222, 195)
HSL: hsl(162, 57%, 70%)
Luminanz: 0,613

Kontrast & Barrierefreiheit

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

Aa #221228 auf #86DEC3 11,18:1 AAA

Aa #652654 auf #86DEC3 6,77:1 AA

Aa #35377C auf #86DEC3 6,66:1 AA

Aa #221228 auf #60A4B5 6,31:1 AA

Aa #221228 auf #E56349 5,24:1 AA

Aa #9E3455 auf #86DEC3 4,31:1 AA (großer Text)

Aa #652654 auf #60A4B5 3,82:1 AA (großer Text)

Aa #35377C auf #60A4B5 3,76:1 AA (großer Text)

Aa #3D65A1 auf #86DEC3 3,71:1 AA (großer Text)

Aa #652654 auf #E56349 3,17:1 AA (großer Text)

Aa #E56349 auf #35377C 3,12:1 AA (großer Text)

Aa #221228 auf #3D65A1 3,02:1 AA (großer Text)

Aa #221228 auf #9E3455 2,60:1 Nicht bestanden

Aa #9E3455 auf #60A4B5 2,43:1 Nicht bestanden

Aa #E56349 auf #86DEC3 2,13:1 Nicht bestanden

Aa #3D65A1 auf #60A4B5 2,09:1 Nicht bestanden

Aa #9E3455 auf #E56349 2,02:1 Nicht bestanden

Aa #652654 auf #3D65A1 1,83:1 Nicht bestanden

Aa #35377C auf #3D65A1 1,80:1 Nicht bestanden

Aa #60A4B5 auf #86DEC3 1,77:1 Nicht bestanden

Aa #E56349 auf #3D65A1 1,74:1 Nicht bestanden

Aa #221228 auf #35377C 1,68:1 Nicht bestanden

Aa #221228 auf #652654 1,65:1 Nicht bestanden

Aa #652654 auf #9E3455 1,57:1 Nicht bestanden

Aa #9E3455 auf #35377C 1,55:1 Nicht bestanden

Aa #E56349 auf #60A4B5 1,20:1 Nicht bestanden

Aa #9E3455 auf #3D65A1 1,16:1 Nicht bestanden

Aa #652654 auf #35377C 1,02:1 Nicht bestanden

Darkberry

Darkberry

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen