Lost In Abyss

Lost In Abyss

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

Lost In Abyss

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

Bearbeiten
Erdig 9 Farben Warm Gemischt Komplementär dark monster hellish
Likes 6
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #030202;
  --c-earthy-2: #323DC4;
  --c-earthy-3: #8DDAFC;
  --c-earthy-4: #398D4F;
  --c-earthy-5: #B33F94;
  --c-earthy-6: #E84832;
  --c-earthy-7: #F3BB40;
  --c-earthy-8: #BDC3BC;
  --c-earthy-9: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Armour Wash (#030202). Sie vereint Armour Wash, Blue Cardinal Flower, Tranquil Pool, Shamrock Field, Purple Cactus Flower, Tomato Curry, Golden Glam, Comfort Grey und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #030202 auf #FFFFFF mit 20,72: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

Armour Wash #030202
RGB
rgb(3, 2, 2)
HSL
hsl(0, 20%, 1%)
Luminanz
0,001
Blue Cardinal Flower #323DC4
RGB
rgb(50, 61, 196)
HSL
hsl(235, 59%, 48%)
Luminanz
0,080
Tranquil Pool #8DDAFC
RGB
rgb(141, 218, 252)
HSL
hsl(198, 95%, 77%)
Luminanz
0,628
Shamrock Field #398D4F
RGB
rgb(57, 141, 79)
HSL
hsl(136, 42%, 39%)
Luminanz
0,205
Purple Cactus Flower #B33F94
RGB
rgb(179, 63, 148)
HSL
hsl(316, 48%, 47%)
Luminanz
0,153
Tomato Curry #E84832
RGB
rgb(232, 72, 50)
HSL
hsl(7, 80%, 55%)
Luminanz
0,220
Golden Glam #F3BB40
RGB
rgb(243, 187, 64)
HSL
hsl(41, 88%, 60%)
Luminanz
0,550
Comfort Grey #BDC3BC
RGB
rgb(189, 195, 188)
HSL
hsl(111, 6%, 75%)
Luminanz
0,535
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

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

Aa #030202 auf #FFFFFF 20,72:1 AAA
Aa #030202 auf #8DDAFC 13,39:1 AAA
Aa #030202 auf #F3BB40 11,83:1 AAA
Aa #030202 auf #BDC3BC 11,54:1 AAA
Aa #323DC4 auf #FFFFFF 8,08:1 AAA
Aa #030202 auf #E84832 5,33:1 AA
Aa #323DC4 auf #8DDAFC 5,22:1 AA
Aa #B33F94 auf #FFFFFF 5,18:1 AA
Aa #030202 auf #398D4F 5,03:1 AA
Aa #323DC4 auf #F3BB40 4,61:1 AA
Aa #323DC4 auf #BDC3BC 4,50:1 AA
Aa #398D4F auf #FFFFFF 4,12:1 AA (großer Text)
Aa #030202 auf #B33F94 4,00:1 AA (großer Text)
Aa #E84832 auf #FFFFFF 3,89:1 AA (großer Text)
Aa #8DDAFC auf #B33F94 3,35:1 AA (großer Text)
Aa #B33F94 auf #F3BB40 2,96:1 Nicht bestanden
Aa #B33F94 auf #BDC3BC 2,88:1 Nicht bestanden
Aa #8DDAFC auf #398D4F 2,66:1 Nicht bestanden
Aa #030202 auf #323DC4 2,57:1 Nicht bestanden
Aa #8DDAFC auf #E84832 2,51:1 Nicht bestanden
Aa #398D4F auf #F3BB40 2,35:1 Nicht bestanden
Aa #398D4F auf #BDC3BC 2,29:1 Nicht bestanden
Aa #E84832 auf #F3BB40 2,22:1 Nicht bestanden
Aa #E84832 auf #BDC3BC 2,16:1 Nicht bestanden
Aa #323DC4 auf #E84832 2,08:1 Nicht bestanden
Aa #323DC4 auf #398D4F 1,96:1 Nicht bestanden
Aa #BDC3BC auf #FFFFFF 1,80:1 Nicht bestanden
Aa #F3BB40 auf #FFFFFF 1,75:1 Nicht bestanden
Aa #323DC4 auf #B33F94 1,56:1 Nicht bestanden
Aa #8DDAFC auf #FFFFFF 1,55:1 Nicht bestanden
Aa #B33F94 auf #E84832 1,33:1 Nicht bestanden
Aa #398D4F auf #B33F94 1,26:1 Nicht bestanden
Aa #8DDAFC auf #BDC3BC 1,16:1 Nicht bestanden
Aa #8DDAFC auf #F3BB40 1,13:1 Nicht bestanden
Aa #398D4F auf #E84832 1,06:1 Nicht bestanden
Aa #F3BB40 auf #BDC3BC 1,03:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben