Registrieren Registrieren
12 RCC

12 RCC

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

Zurück zur Bibliothek

12 RCC

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär retro game 12colors basic
Likes 16
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #1E2120;
  --c-earthy-2: #38667F;
  --c-earthy-3: #D83434;
  --c-earthy-4: #AF732D;
  --c-earthy-5: #9F7DB1;
  --c-earthy-6: #6ABC3A;
  --c-earthy-7: #D2B6D8;
  --c-earthy-8: #EABE60;
  --c-earthy-9: #98D1CB;
  --c-earthy-10: #B1E572;
  --c-earthy-11: #FFE2AA;
  --c-earthy-12: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Lead (#1E2120). Sie vereint Lead, Naval Passage, Blood Moon, Hamtaro Brown, English Lavender, Nasty Green, Confectionary, Crop Circle, Clear Cove, Pisco Sour, Sunflower Seed und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1E2120 auf #FFFFFF mit 16,23: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

Lead #1E2120
RGB
rgb(30, 33, 32)
HSL
hsl(160, 5%, 12%)
Luminanz
0,015
Naval Passage #38667F
RGB
rgb(56, 102, 127)
HSL
hsl(201, 39%, 36%)
Luminanz
0,119
Blood Moon #D83434
RGB
rgb(216, 52, 52)
HSL
hsl(0, 68%, 53%)
Luminanz
0,173
Hamtaro Brown #AF732D
RGB
rgb(175, 115, 45)
HSL
hsl(32, 59%, 43%)
Luminanz
0,216
English Lavender #9F7DB1
RGB
rgb(159, 125, 177)
HSL
hsl(279, 25%, 59%)
Luminanz
0,252
Nasty Green #6ABC3A
RGB
rgb(106, 188, 58)
HSL
hsl(98, 53%, 48%)
Luminanz
0,393
Confectionary #D2B6D8
RGB
rgb(210, 182, 216)
HSL
hsl(289, 30%, 78%)
Luminanz
0,521
Crop Circle #EABE60
RGB
rgb(234, 190, 96)
HSL
hsl(41, 77%, 65%)
Luminanz
0,552
Clear Cove #98D1CB
RGB
rgb(152, 209, 203)
HSL
hsl(174, 38%, 71%)
Luminanz
0,566
Pisco Sour #B1E572
RGB
rgb(177, 229, 114)
HSL
hsl(87, 69%, 67%)
Luminanz
0,666
Sunflower Seed #FFE2AA
RGB
rgb(255, 226, 170)
HSL
hsl(40, 100%, 83%)
Luminanz
0,786
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

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

Aa #1E2120 auf #FFFFFF 16,23:1 AAA
Aa #1E2120 auf #FFE2AA 12,92:1 AAA
Aa #1E2120 auf #B1E572 11,07:1 AAA
Aa #1E2120 auf #98D1CB 9,52:1 AAA
Aa #1E2120 auf #EABE60 9,30:1 AAA
Aa #1E2120 auf #D2B6D8 8,83:1 AAA
Aa #1E2120 auf #6ABC3A 6,85:1 AA
Aa #38667F auf #FFFFFF 6,22:1 AA
Aa #38667F auf #FFE2AA 4,95:1 AA
Aa #D83434 auf #FFFFFF 4,71:1 AA
Aa #1E2120 auf #9F7DB1 4,67:1 AA
Aa #38667F auf #B1E572 4,24:1 AA (großer Text)
Aa #1E2120 auf #AF732D 4,11:1 AA (großer Text)
Aa #AF732D auf #FFFFFF 3,95:1 AA (großer Text)
Aa #D83434 auf #FFE2AA 3,75:1 AA (großer Text)
Aa #38667F auf #98D1CB 3,65:1 AA (großer Text)
Aa #38667F auf #EABE60 3,57:1 AA (großer Text)
Aa #9F7DB1 auf #FFFFFF 3,48:1 AA (großer Text)
Aa #1E2120 auf #D83434 3,45:1 AA (großer Text)
Aa #38667F auf #D2B6D8 3,38:1 AA (großer Text)
Aa #D83434 auf #B1E572 3,21:1 AA (großer Text)
Aa #AF732D auf #FFE2AA 3,15:1 AA (großer Text)
Aa #9F7DB1 auf #FFE2AA 2,77:1 Nicht bestanden
Aa #D83434 auf #98D1CB 2,76:1 Nicht bestanden
Aa #D83434 auf #EABE60 2,70:1 Nicht bestanden
Aa #AF732D auf #B1E572 2,70:1 Nicht bestanden
Aa #38667F auf #6ABC3A 2,63:1 Nicht bestanden
Aa #1E2120 auf #38667F 2,61:1 Nicht bestanden
Aa #D83434 auf #D2B6D8 2,56:1 Nicht bestanden
Aa #9F7DB1 auf #B1E572 2,37:1 Nicht bestanden
Aa #6ABC3A auf #FFFFFF 2,37:1 Nicht bestanden
Aa #AF732D auf #98D1CB 2,32:1 Nicht bestanden
Aa #AF732D auf #EABE60 2,26:1 Nicht bestanden
Aa #AF732D auf #D2B6D8 2,15:1 Nicht bestanden
Aa #9F7DB1 auf #98D1CB 2,04:1 Nicht bestanden
Aa #D83434 auf #6ABC3A 1,99:1 Nicht bestanden
Aa #9F7DB1 auf #EABE60 1,99:1 Nicht bestanden
Aa #9F7DB1 auf #D2B6D8 1,89:1 Nicht bestanden
Aa #6ABC3A auf #FFE2AA 1,88:1 Nicht bestanden
Aa #D2B6D8 auf #FFFFFF 1,84:1 Nicht bestanden
Aa #38667F auf #9F7DB1 1,79:1 Nicht bestanden
Aa #EABE60 auf #FFFFFF 1,75:1 Nicht bestanden
Aa #98D1CB auf #FFFFFF 1,70:1 Nicht bestanden
Aa #AF732D auf #6ABC3A 1,67:1 Nicht bestanden
Aa #6ABC3A auf #B1E572 1,61:1 Nicht bestanden
Aa #38667F auf #AF732D 1,57:1 Nicht bestanden
Aa #9F7DB1 auf #6ABC3A 1,47:1 Nicht bestanden
Aa #B1E572 auf #FFFFFF 1,47:1 Nicht bestanden
Aa #D2B6D8 auf #FFE2AA 1,46:1 Nicht bestanden
Aa #6ABC3A auf #98D1CB 1,39:1 Nicht bestanden
Aa #EABE60 auf #FFE2AA 1,39:1 Nicht bestanden
Aa #6ABC3A auf #EABE60 1,36:1 Nicht bestanden
Aa #98D1CB auf #FFE2AA 1,36:1 Nicht bestanden
Aa #D83434 auf #9F7DB1 1,35:1 Nicht bestanden
Aa #38667F auf #D83434 1,32:1 Nicht bestanden
Aa #6ABC3A auf #D2B6D8 1,29:1 Nicht bestanden
Aa #FFE2AA auf #FFFFFF 1,26:1 Nicht bestanden
Aa #D2B6D8 auf #B1E572 1,25:1 Nicht bestanden
Aa #D83434 auf #AF732D 1,19:1 Nicht bestanden
Aa #EABE60 auf #B1E572 1,19:1 Nicht bestanden
Aa #B1E572 auf #FFE2AA 1,17:1 Nicht bestanden
Aa #98D1CB auf #B1E572 1,16:1 Nicht bestanden
Aa #AF732D auf #9F7DB1 1,14:1 Nicht bestanden
Aa #D2B6D8 auf #98D1CB 1,08:1 Nicht bestanden
Aa #D2B6D8 auf #EABE60 1,05:1 Nicht bestanden
Aa #EABE60 auf #98D1CB 1,02: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