Registrieren Registrieren
Claude Monet 12

Claude Monet 12

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

Zurück zur Bibliothek

Claude Monet 12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär septemberstudypalettecontest
Likes 105
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #9C4941;
  --c-earthy-2: #734534;
  --c-earthy-3: #9E703C;
  --c-earthy-4: #C49853;
  --c-earthy-5: #BED2B3;
  --c-earthy-6: #76834A;
  --c-earthy-7: #536C45;
  --c-earthy-8: #3D534F;
  --c-earthy-9: #30717C;
  --c-earthy-10: #46929E;
  --c-earthy-11: #6DB7CD;
  --c-earthy-12: #BE9C79;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Apple Ice (#BED2B3) bis zum dunkelsten Ton Sycamore Tree (#3D534F). Sie vereint Safflower Kite, Santana Soul, Favourite Ale, Aztec Gold, Apple Ice, Grasshopper, Graceland Grass, Sycamore Tree, King Tide, Asagi Blue, Blue Brocade und Teatime in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BED2B3 auf #3D534F mit 5,12: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

Safflower Kite #9C4941
RGB
rgb(156, 73, 65)
HSL
hsl(5, 41%, 43%)
Luminanz
0,122
Santana Soul #734534
RGB
rgb(115, 69, 52)
HSL
hsl(16, 38%, 33%)
Luminanz
0,082
Favourite Ale #9E703C
RGB
rgb(158, 112, 60)
HSL
hsl(32, 45%, 43%)
Luminanz
0,192
Aztec Gold #C49853
RGB
rgb(196, 152, 83)
HSL
hsl(37, 49%, 55%)
Luminanz
0,348
Apple Ice #BED2B3
RGB
rgb(190, 210, 179)
HSL
hsl(99, 26%, 76%)
Luminanz
0,603
Grasshopper #76834A
RGB
rgb(118, 131, 74)
HSL
hsl(74, 28%, 40%)
Luminanz
0,206
Graceland Grass #536C45
RGB
rgb(83, 108, 69)
HSL
hsl(98, 22%, 35%)
Luminanz
0,130
Sycamore Tree #3D534F
RGB
rgb(61, 83, 79)
HSL
hsl(169, 15%, 28%)
Luminanz
0,077
King Tide #30717C
RGB
rgb(48, 113, 124)
HSL
hsl(189, 44%, 34%)
Luminanz
0,139
Asagi Blue #46929E
RGB
rgb(70, 146, 158)
HSL
hsl(188, 39%, 45%)
Luminanz
0,243
Blue Brocade #6DB7CD
RGB
rgb(109, 183, 205)
HSL
hsl(194, 49%, 62%)
Luminanz
0,415
Teatime #BE9C79
RGB
rgb(190, 156, 121)
HSL
hsl(30, 35%, 61%)
Luminanz
0,361

Kontrast & Barrierefreiheit

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

Aa #BED2B3 auf #3D534F 5,12:1 AA
Aa #734534 auf #BED2B3 4,97:1 AA
Aa #9C4941 auf #BED2B3 3,79:1 AA (großer Text)
Aa #3D534F auf #6DB7CD 3,65:1 AA (großer Text)
Aa #BED2B3 auf #536C45 3,63:1 AA (großer Text)
Aa #734534 auf #6DB7CD 3,54:1 AA (großer Text)
Aa #BED2B3 auf #30717C 3,46:1 AA (großer Text)
Aa #3D534F auf #BE9C79 3,23:1 AA (großer Text)
Aa #734534 auf #BE9C79 3,13:1 AA (großer Text)
Aa #C49853 auf #3D534F 3,12:1 AA (großer Text)
Aa #734534 auf #C49853 3,03:1 AA (großer Text)
Aa #9C4941 auf #6DB7CD 2,70:1 Nicht bestanden
Aa #9E703C auf #BED2B3 2,70:1 Nicht bestanden
Aa #536C45 auf #6DB7CD 2,59:1 Nicht bestanden
Aa #BED2B3 auf #76834A 2,55:1 Nicht bestanden
Aa #30717C auf #6DB7CD 2,46:1 Nicht bestanden
Aa #9C4941 auf #BE9C79 2,39:1 Nicht bestanden
Aa #9C4941 auf #C49853 2,31:1 Nicht bestanden
Aa #3D534F auf #46929E 2,30:1 Nicht bestanden
Aa #536C45 auf #BE9C79 2,28:1 Nicht bestanden
Aa #734534 auf #46929E 2,23:1 Nicht bestanden
Aa #BED2B3 auf #46929E 2,23:1 Nicht bestanden
Aa #C49853 auf #536C45 2,21:1 Nicht bestanden
Aa #30717C auf #BE9C79 2,18:1 Nicht bestanden
Aa #C49853 auf #30717C 2,11:1 Nicht bestanden
Aa #76834A auf #3D534F 2,01:1 Nicht bestanden
Aa #734534 auf #76834A 1,95:1 Nicht bestanden
Aa #9E703C auf #6DB7CD 1,92:1 Nicht bestanden
Aa #9E703C auf #3D534F 1,90:1 Nicht bestanden
Aa #734534 auf #9E703C 1,84:1 Nicht bestanden
Aa #76834A auf #6DB7CD 1,82:1 Nicht bestanden
Aa #9C4941 auf #46929E 1,70:1 Nicht bestanden
Aa #9E703C auf #BE9C79 1,70:1 Nicht bestanden
Aa #9E703C auf #C49853 1,65:1 Nicht bestanden
Aa #C49853 auf #BED2B3 1,64:1 Nicht bestanden
Aa #536C45 auf #46929E 1,63:1 Nicht bestanden
Aa #76834A auf #BE9C79 1,61:1 Nicht bestanden
Aa #BED2B3 auf #BE9C79 1,59:1 Nicht bestanden
Aa #46929E auf #6DB7CD 1,59:1 Nicht bestanden
Aa #C49853 auf #76834A 1,56:1 Nicht bestanden
Aa #30717C auf #46929E 1,55:1 Nicht bestanden
Aa #9C4941 auf #76834A 1,49:1 Nicht bestanden
Aa #3D534F auf #30717C 1,48:1 Nicht bestanden
Aa #734534 auf #30717C 1,44:1 Nicht bestanden
Aa #76834A auf #536C45 1,42:1 Nicht bestanden
Aa #536C45 auf #3D534F 1,41:1 Nicht bestanden
Aa #9C4941 auf #9E703C 1,40:1 Nicht bestanden
Aa #BED2B3 auf #6DB7CD 1,40:1 Nicht bestanden
Aa #46929E auf #BE9C79 1,40:1 Nicht bestanden
Aa #734534 auf #536C45 1,37:1 Nicht bestanden
Aa #C49853 auf #46929E 1,36:1 Nicht bestanden
Aa #9C4941 auf #3D534F 1,35:1 Nicht bestanden
Aa #76834A auf #30717C 1,35:1 Nicht bestanden
Aa #9E703C auf #536C45 1,34:1 Nicht bestanden
Aa #9C4941 auf #734534 1,31:1 Nicht bestanden
Aa #9E703C auf #30717C 1,28:1 Nicht bestanden
Aa #9E703C auf #46929E 1,21:1 Nicht bestanden
Aa #C49853 auf #6DB7CD 1,17:1 Nicht bestanden
Aa #76834A auf #46929E 1,15:1 Nicht bestanden
Aa #6DB7CD auf #BE9C79 1,13:1 Nicht bestanden
Aa #9C4941 auf #30717C 1,10:1 Nicht bestanden
Aa #9E703C auf #76834A 1,06:1 Nicht bestanden
Aa #9C4941 auf #536C45 1,05:1 Nicht bestanden
Aa #536C45 auf #30717C 1,05:1 Nicht bestanden
Aa #734534 auf #3D534F 1,03:1 Nicht bestanden
Aa #C49853 auf #BE9C79 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