DOJOVO

DOJOVO

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

DOJOVO

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

Bearbeiten
Erdig 9 Farben Kühl Gemischt Komplementär ornate dojovo electrjet asian
Likes 25
Farben 9


CSS-Variablen

:root {
  --c-earthy-1: #CAD2C5;
  --c-earthy-2: #84A98C;
  --c-earthy-3: #52796F;
  --c-earthy-4: #354F52;
  --c-earthy-5: #2F3E46;
  --c-earthy-6: #000000;
  --c-earthy-7: #66101F;
  --c-earthy-8: #FF6B6B;
  --c-earthy-9: #EAB464;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Parakeet Pete (#CAD2C5) bis zum dunkelsten Ton Black (#000000). Sie vereint Parakeet Pete, Bristol Green, Wishard, Urban Oasis, Big Stone, Black, Forbidden Passion, Pompelmo und Yellow Varnish in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CAD2C5 auf #000000 mit 13,54: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

Parakeet Pete #CAD2C5
RGB
rgb(202, 210, 197)
HSL
hsl(97, 13%, 80%)
Luminanz
0,627
Bristol Green #84A98C
RGB
rgb(132, 169, 140)
HSL
hsl(133, 18%, 59%)
Luminanz
0,352
Wishard #52796F
RGB
rgb(82, 121, 111)
HSL
hsl(165, 19%, 40%)
Luminanz
0,166
Urban Oasis #354F52
RGB
rgb(53, 79, 82)
HSL
hsl(186, 21%, 26%)
Luminanz
0,070
Big Stone #2F3E46
RGB
rgb(47, 62, 70)
HSL
hsl(201, 20%, 23%)
Luminanz
0,045
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminanz
0,000
Forbidden Passion #66101F
RGB
rgb(102, 16, 31)
HSL
hsl(350, 73%, 23%)
Luminanz
0,033
Pompelmo #FF6B6B
RGB
rgb(255, 107, 107)
HSL
hsl(0, 100%, 71%)
Luminanz
0,328
Yellow Varnish #EAB464
RGB
rgb(234, 180, 100)
HSL
hsl(36, 76%, 65%)
Luminanz
0,511

Kontrast & Barrierefreiheit

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

Aa #CAD2C5 auf #000000 13,54:1 AAA
Aa #000000 auf #EAB464 11,21:1 AAA
Aa #CAD2C5 auf #66101F 8,16:1 AAA
Aa #84A98C auf #000000 8,03:1 AAA
Aa #000000 auf #FF6B6B 7,57:1 AAA
Aa #CAD2C5 auf #2F3E46 7,13:1 AAA
Aa #66101F auf #EAB464 6,76:1 AA
Aa #2F3E46 auf #EAB464 5,91:1 AA
Aa #CAD2C5 auf #354F52 5,66:1 AA
Aa #84A98C auf #66101F 4,84:1 AA
Aa #354F52 auf #EAB464 4,69:1 AA
Aa #66101F auf #FF6B6B 4,56:1 AA
Aa #52796F auf #000000 4,32:1 AA (großer Text)
Aa #84A98C auf #2F3E46 4,23:1 AA (großer Text)
Aa #2F3E46 auf #FF6B6B 3,99:1 AA (großer Text)
Aa #84A98C auf #354F52 3,36:1 AA (großer Text)
Aa #354F52 auf #FF6B6B 3,16:1 AA (großer Text)
Aa #CAD2C5 auf #52796F 3,13:1 AA (großer Text)
Aa #52796F auf #66101F 2,61:1 Nicht bestanden
Aa #52796F auf #EAB464 2,59:1 Nicht bestanden
Aa #354F52 auf #000000 2,39:1 Nicht bestanden
Aa #52796F auf #2F3E46 2,28:1 Nicht bestanden
Aa #2F3E46 auf #000000 1,90:1 Nicht bestanden
Aa #84A98C auf #52796F 1,86:1 Nicht bestanden
Aa #52796F auf #354F52 1,81:1 Nicht bestanden
Aa #CAD2C5 auf #FF6B6B 1,79:1 Nicht bestanden
Aa #52796F auf #FF6B6B 1,75:1 Nicht bestanden
Aa #CAD2C5 auf #84A98C 1,68:1 Nicht bestanden
Aa #000000 auf #66101F 1,66:1 Nicht bestanden
Aa #FF6B6B auf #EAB464 1,48:1 Nicht bestanden
Aa #354F52 auf #66101F 1,44:1 Nicht bestanden
Aa #84A98C auf #EAB464 1,40:1 Nicht bestanden
Aa #354F52 auf #2F3E46 1,26:1 Nicht bestanden
Aa #CAD2C5 auf #EAB464 1,21:1 Nicht bestanden
Aa #2F3E46 auf #66101F 1,14:1 Nicht bestanden
Aa #84A98C auf #FF6B6B 1,06:1 Nicht bestanden

Ähnliche Paletten

#222831 #393E46 #00ADB5 #EEEEEE
4 Farben
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 Farben
#1B262C #0F4C75 #3282B8 #BBE1FA
4 Farben
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 Farben
#27374D #526D82 #9DB2BF #DDE6ED
4 Farben
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 Farben
#E4F9F5 #30E3CA #11999E #40514E
4 Farben
#F0F5F9 #C9D6DF #52616B #1E2022
4 Farben