RKBV II

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

RKBV II

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 8 Farben Neutral Gemischt Triadisch artist r3cl41m3r

Likes 75

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FFEDF3;
  --c-earthy-2: #A9CBDB;
  --c-earthy-3: #3E8AB0;
  --c-earthy-4: #2F5D73;
  --c-earthy-5: #09151C;
  --c-earthy-6: #943E5B;
  --c-earthy-7: #E35F8B;
  --c-earthy-8: #F5BCCF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sugar Coated (#FFEDF3) bis zum dunkelsten Ton Midnight Edition (#09151C). Sie vereint Sugar Coated, Easy Breezy, Magic Blue, Blumine, Midnight Edition, Ancient Magenta, Carmine Rose und Pink Destiny in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEDF3 auf #09151C mit 16,43: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

Sugar Coated #FFEDF3

RGB: rgb(255, 237, 243)
HSL: hsl(340, 100%, 96%)
Luminanz: 0,883

Easy Breezy #A9CBDB

RGB: rgb(169, 203, 219)
HSL: hsl(199, 41%, 76%)
Luminanz: 0,563

Magic Blue #3E8AB0

RGB: rgb(62, 138, 176)
HSL: hsl(200, 48%, 47%)
Luminanz: 0,223

Blumine #2F5D73

RGB: rgb(47, 93, 115)
HSL: hsl(199, 42%, 32%)
Luminanz: 0,097

Midnight Edition #09151C

RGB: rgb(9, 21, 28)
HSL: hsl(202, 51%, 7%)
Luminanz: 0,007

Ancient Magenta #943E5B

RGB: rgb(148, 62, 91)
HSL: hsl(340, 41%, 41%)
Luminanz: 0,105

Carmine Rose #E35F8B

RGB: rgb(227, 95, 139)
HSL: hsl(340, 70%, 63%)
Luminanz: 0,264

Pink Destiny #F5BCCF

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

Kontrast & Barrierefreiheit

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

Aa #FFEDF3 auf #09151C 16,43:1 AAA

Aa #09151C auf #F5BCCF 11,43:1 AAA

Aa #A9CBDB auf #09151C 10,79:1 AAA

Aa #FFEDF3 auf #2F5D73 6,36:1 AA

Aa #FFEDF3 auf #943E5B 6,02:1 AA

Aa #09151C auf #E35F8B 5,53:1 AA

Aa #3E8AB0 auf #09151C 4,81:1 AA

Aa #2F5D73 auf #F5BCCF 4,42:1 AA (großer Text)

Aa #943E5B auf #F5BCCF 4,19:1 AA (großer Text)

Aa #A9CBDB auf #2F5D73 4,18:1 AA (großer Text)

Aa #A9CBDB auf #943E5B 3,95:1 AA (großer Text)

Aa #FFEDF3 auf #3E8AB0 3,41:1 AA (großer Text)

Aa #FFEDF3 auf #E35F8B 2,97:1 Nicht bestanden

Aa #09151C auf #943E5B 2,73:1 Nicht bestanden

Aa #2F5D73 auf #09151C 2,58:1 Nicht bestanden

Aa #3E8AB0 auf #F5BCCF 2,37:1 Nicht bestanden

Aa #A9CBDB auf #3E8AB0 2,24:1 Nicht bestanden

Aa #2F5D73 auf #E35F8B 2,14:1 Nicht bestanden

Aa #E35F8B auf #F5BCCF 2,07:1 Nicht bestanden

Aa #943E5B auf #E35F8B 2,02:1 Nicht bestanden

Aa #A9CBDB auf #E35F8B 1,95:1 Nicht bestanden

Aa #3E8AB0 auf #2F5D73 1,86:1 Nicht bestanden

Aa #3E8AB0 auf #943E5B 1,76:1 Nicht bestanden

Aa #FFEDF3 auf #A9CBDB 1,52:1 Nicht bestanden

Aa #FFEDF3 auf #F5BCCF 1,44:1 Nicht bestanden

Aa #3E8AB0 auf #E35F8B 1,15:1 Nicht bestanden

Aa #A9CBDB auf #F5BCCF 1,06:1 Nicht bestanden

Aa #2F5D73 auf #943E5B 1,06:1 Nicht bestanden

RKBV II

RKBV II

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen