Oliven og gulgrønne farger

navn, HEX, RGB og kontrast

21 oliven og gulgrønne farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

2 farger

pistachio

På hvitt 1.21:1 · Fail

På svart 17.29:1 · AAA

key lime

På hvitt 1.21:1 · Fail

På svart 17.33:1 · AAA

Middels

12 farger

greenyellow

CSS-nøkkelord

På hvitt 1.23:1 · Fail

På svart 17.12:1 · AAA

chartreuse

CSS-nøkkelord

På hvitt 1.3:1 · Fail

På svart 16.21:1 · AAA

yellowgreen

CSS-nøkkelord

På hvitt 1.88:1 · Fail

På svart 11.15:1 · AAA

lawngreen

CSS-nøkkelord

På hvitt 1.33:1 · Fail

På svart 15.78:1 · AAA

sage

På hvitt 2.52:1 · Fail

På svart 8.33:1 · AAA

neon yellow

På hvitt 1.17:1 · Fail

På svart 17.96:1 · AAA

moss

På hvitt 3.25:1 · AA Large

På svart 6.47:1 · AA

avocado

På hvitt 2.46:1 · Fail

På svart 8.52:1 · AAA

leaf

På hvitt 2.8:1 · Fail

På svart 7.5:1 · AAA

grass

På hvitt 2.84:1 · Fail

På svart 7.39:1 · AAA

moss green

På hvitt 3.96:1 · AA Large

På svart 5.3:1 · AA

military green

På hvitt 4.65:1 · AA

På svart 4.52:1 · AA

Mørke

7 farger

olivedrab

CSS-nøkkelord

På hvitt 3.81:1 · AA Large

På svart 5.52:1 · AA

darkolivegreen

CSS-nøkkelord

På hvitt 5.95:1 · AA

På svart 3.53:1 · AA Large

olive

CSS-nøkkelord

På hvitt 4.2:1 · AA Large

På svart 5.01:1 · AA

leaf green

På hvitt 2.94:1 · Fail

På svart 7.13:1 · AAA

grass green

På hvitt 3.56:1 · AA Large

På svart 5.9:1 · AA

olive green

På hvitt 4.81:1 · AA

På svart 4.36:1 · AA Large

army green

På hvitt 7.3:1 · AAA

På svart 2.88:1 · Fail

Kopier hele paletten

Alle oliven og gulgrønne fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS

:root {
  --greenyellow: #adff2f;
  --chartreuse: #7fff00;
  --yellowgreen: #9acd32;
  --lawngreen: #7cfc00;
  --olivedrab: #6b8e23;
  --darkolivegreen: #556b2f;
  --olive: #808000;
  --pistachio: #c0fa8b;
  --key-lime: #aeff6e;
  --sage: #87ae73;
  --neon-yellow: #cfff04;
  --moss: #769958;
  --avocado: #90b134;
  --leaf: #71aa34;
  --grass: #5cac2d;
  --moss-green: #658b38;
  --military-green: #667c3e;
  --leaf-green: #5ca904;
  --grass-green: #3f9b0b;
  --olive-green: #677a04;
  --army-green: #4b5d16;
}

SCSS

$greenyellow: #adff2f;
$chartreuse: #7fff00;
$yellowgreen: #9acd32;
$lawngreen: #7cfc00;
$olivedrab: #6b8e23;
$darkolivegreen: #556b2f;
$olive: #808000;
$pistachio: #c0fa8b;
$key-lime: #aeff6e;
$sage: #87ae73;
$neon-yellow: #cfff04;
$moss: #769958;
$avocado: #90b134;
$leaf: #71aa34;
$grass: #5cac2d;
$moss-green: #658b38;
$military-green: #667c3e;
$leaf-green: #5ca904;
$grass-green: #3f9b0b;
$olive-green: #677a04;
$army-green: #4b5d16;

Tailwind

theme: {
  extend: {
    colors: {
      "greenyellow": "#adff2f",
      "chartreuse": "#7fff00",
      "yellowgreen": "#9acd32",
      "lawngreen": "#7cfc00",
      "olivedrab": "#6b8e23",
      "darkolivegreen": "#556b2f",
      "olive": "#808000",
      "pistachio": "#c0fa8b",
      "key-lime": "#aeff6e",
      "sage": "#87ae73",
      "neon-yellow": "#cfff04",
      "moss": "#769958",
      "avocado": "#90b134",
      "leaf": "#71aa34",
      "grass": "#5cac2d",
      "moss-green": "#658b38",
      "military-green": "#667c3e",
      "leaf-green": "#5ca904",
      "grass-green": "#3f9b0b",
      "olive-green": "#677a04",
      "army-green": "#4b5d16",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje Brune og beige Gule Grønne Cyan Blå Lilla Rosa Grå og nøytrale

Kopiert

Relaterte kalkulatorer

Fargekonverter — RGB, HEX, HSL og CMYK

Konverter farger mellom RGB, HEX, HSL og CMYK umiddelbart. Nyttig verktøy for webutviklere, designere og fagfolk som jobber med digitale og trykte medier.

Oliven og gulgrønne fargenavn

Oliven og gulgrønn dekker fargetone 65–100°, pluss den mørkere enden av gult — strekket mellom gult og ekte grønt som rommer chartreuse, oliven og salvie. Å skille det ut betyr noe, fordi grønt ellers spenner over hundre grader og slår sammen svært ulike farger.

Slik bruker du disse fargene

Den klare enden av dette området oppleves frisk, digital og litt kunstig — det naturlige hjemmet for fremhevingstilstander og «ny»-merker. Den dempede enden, oliven og salvie, gjør det motsatte: rolig og organisk, og fungerer nydelig med terrakotta, krem og varme gråtoner. De to endene hører sjelden hjemme i samme palett.

Kontrast og tilgjengelighet

Klare gulgrønne farger ligger nær gult i luminans og fungerer dårlig som tekst på hvitt. Oliven- og salvietonene er langt tryggere og går ofte gjennom AA på lys bakgrunn. Som med alle grønne familier: ikke stol på grønt mot rødt alene for å formidle tilstand.